Giter VIP home page Giter VIP logo

20th-web-team-1-fe's Introduction

20th-Web-Team-1-FE

[20th] Web 1팀 FrontEnd

20th-web-team-1-fe's People

Contributors

leechoiswim1 avatar numeru avatar toastmeister1 avatar youngminss avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

20th-web-team-1-fe's Issues

[Feat] 나무 추가 API 연결

💡 작업 상세목록

  • 나무 이름(필수), 열매(옵션) 선택 로직 추가
  • 나무 추가(POST) API 연결
  • 나무 추가 성공 후, 이전 페이지로 라우팅

[Feat] 랜딩 페이지 구현

💡 작업 상세목록

  • 랜딩 페이지 UI 구현
  • 메인 컨텐츠 영역, 백그라운드 영역 분리
  • 분기점(1200px) 기준으로 백그라운드 제거, 컨텐츠 가운데 정렬

[Feat] 물 주기 완료 모달 구현

💡 작업 상세목록

물 주기 모달 UI

  • 물 주기 완료 모달 UI 스타일링
  • 물 주기 완료 확인을 누르면 이전 페이지로 돌아가야 한다.

[Feat] 메세지함 기초 작업

💡 작업 상세목록

  • 전체 메세지함 스타일링
  • 햄버거 버튼과 사이드바 연결
  • 메세지 이동 모달 기본 틀 작업
  • 메세지 체크 박스 연결
  • 메세지 체크 박스 체크 및 삭제 기능 구현 (서버 데이터 연결 X)

[Refactor] 컴포넌트 디렉터리 구성 변경

💡 작업 상세목록

  • MessageSender 페이지

    • AnonymousCheckBox
    • FolderSelect
    • MessageInput
    • RecipientName
  • Trees 페이지

    • TreeAddForm
    • TreeList
  • SideDrawer 컴포넌트

    • TreeFolderItem
    • MenuMoreModal
  • 공통

    • chip
    • Button

[Feat] 나무 열매 렌더링

💡 작업 상세목록

나무 열매 렌더링

  • 나무 편집 시 선택한 열매 렌더링
  • 선택한 열매가 나무 숲 나무에서도 렌더링

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.