Coder Social home page Coder Social logo

bematthewsong / plants Goto Github PK

View Code? Open in Web Editor NEW

This project forked from team-plants/plants

0.0 0.0 0.0 1.73 MB

칸반 보드를 사용하여 일정을 계획하고 관리하는 웹사이트 서비스

Home Page: https://lets-plants.vercel.app

Shell 0.04% JavaScript 0.09% TypeScript 73.59% CSS 26.29%

plants's Introduction

Typing SVG

Plant는 계획과 조화로운 실행을 통해 목표를 성취하고 일정을 관리합니다







🪴 플랜츠 사용해보기




🪴 플랜츠 기여해보기


git clone https://github.com/Team-Plants/PLANTS.git
cd 폴더명
npm install
npm run dev

🪴 서비스 소개


칸반 보드를 사용하여 일정을 계획하고 관리하는 웹사이트 입니다.

🪴 팀원



🪴 플랜츠 주요 기능


  • 나만의 계정으로 관리하기
  • 대시보드마다 다른 사람들과 할 일 관리하기
  • 우선 순위에 따라 할 일 관리하기
  • 할 일에 대해 사람들과 댓글로 소통하기

🪴 디렉토리 구조


├─ .github
├─ .husky
├─ .prettierrc.json
├─ public
├─ src
│  ├─ api 
│  ├─ assets 
│  ├─ components
│  ├─ constants
│  ├─ hooks
│  ├─ libs
│  ├─ pages
├── pages
│   └─ [PageName]
│  ├─ remotes
│  ├─ styles
│  ├─ types
│  └─ utils

👐 역할 분담

🧑🏻 김윤후

  • UI : 랜딩페이지 / 사이드메뉴 / 대시보드 편집 페이지
  • 기능 : 대시보드 CRUD / 구성원, 초대내역 페이지네이션 / 라우팅 구축 / 무한스크롤 훅 추가 / react-hook-form 세팅

🧑🏻 송민혁

  • UI : 헤더 컴포넌트 / 테이블 컴포넌트 / 대시보드 페이지
  • 기능 : 컬럼 CRUD / axios 인스턴스 세팅 / 프로젝트 초기세팅 / Vercel 배포

👩🏻 안혜정

  • UI : 헤더 컴포넌트 / 내 대시보드 페이지 / input 컴포넌트 / 공통 레이아웃
  • 기능 : 할 일 생성 기능 / 헤더 API 연동 / 프로젝트 초기세팅 / 스타일 세팅

👩🏻 전수빈

  • UI : 모달 컴포넌트 / 카드 컴포넌트 / 로그인, 회원가입 페이지
  • 기능 : 리액트 쿼리 세팅 / 프록시 추가 / 인증 기능 / 초대하기 기능 / 코드 전체 수정

👩🏻 한슬희

  • UI : 버튼 컴포넌트 / 칩 컴포넌트 / 공통 레이아웃 / 마이페이지
  • 기능 : github action 추가 / 허스키 설정 / 할일 생성 기능 / 계정 관리 기능

📑 브랜치 전략

  • Github-flow 전략을 기반으로, 브랜치 이름에 이슈 번호와 feat, fix, style, refactor, env, doc 등을 붙이는 방식으로 운용하였습니다.

🌵개발일정

2023.12.18 ~ 2024.01.12

plants's People

Contributors

k-y-hoo avatar soobinj avatar hyejungan avatar bematthewsong avatar hanseulhee avatar

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.