wrryu09 / NUTSHELL-FE

NutShell

한 눈에 보는 내 삶의 대시보드

    ✅ 일잘러들이 대부분 계획을 잘 짜지만, 계획 잘 짠다고 일잘러인건 아니잖아.
    ✅ 행동하는 건 결국 나 자신인데, 계획을 더 잘 세우는게 본질일까?
    ✅ 계획을 잘 세운다고 할 수 없었던 일을 할 수 있게 되나?

    계획 오류는 필연적이니, 우린 그걸 지속 가능하게 끌고 갈 수 있도록 돕자!
    다양한 일을 해내야 하는 당신을 위해, 일상을 관리하는 새로운 방법
    넛쉘은 바쁜 사람들이 스스로를 더 잘 이해하고 지속가능한 삶을 구성해나갈 수 있도록 돕는 서비스 입니다.

💻 Developers

유승연	문성희	김지원	이지민
FE Developer	FE Developer	FE Developer	FE Developer

🗓️ 구현 스크린샷

🏄 로그인 / 설정 view

구글 계정으로 넛쉘 서비스에 로그인할 수 있습니다.	설정 페이지에서 구글 캘린더 연동 및 해지를 할 수 있습니다.

🏄 할 일 view

'쏟아내기' 영역에 해야 할 테스크를 생성할 수 있습니다 마감 기한을 설정할 수 있으며, 특정 날짜로 드롭하여 할당할 수 있습니다.	모달을 통해 할 일을 수정할 수 있습니다. 캘린더에 할 일을 타임 블록으로 드래그하여 할당할 수 있습니다.

🏄 대시보드 view

한 눈에 나의 진행 상황을 확인할 수 있습니다. 특정 기간을 설정하여 그에 맞는 진행 상황 확인이 가능합니다.	대시보드의 다가오는 일과 지연된 일을 오늘로 할당할 수 있습니다. 진행 중인 할 일의 상태를 업데이트할 수 있습니다.

🏄 캘린더 view

연동된 구글 캘린더의 일정과 넛쉘에서 할당한 일정을 확인할 수 있습니다. 넛쉘에서 할당한 일정을 모달을 통해 삭제할 수 있습니다.	캘린더를 일 / 주 / 월에 따라 확인할 수 있습니다. 미니 캘린더를 통해 원하는 날짜로 이동할 수 있습니다.

⚒️ 기술 스택

Category	Stack
Package Manager
Language
Build
Framework
Style
Data Fetching
Formatting

📄 컨벤션 및 브랜치 전략

웹수레의 컨벤션

Commit Convention

- init: 초기 세팅
- feat: 새로운 기능 추가 (새로운 구현) 
- fix: 버그 수정 
- docs: 문서 추가, 수정, 삭제 
- style: UI 디자인 변경  
- refactor: 코드 리팩토링 
- chore: 그 외 자잘한 수정, 코드 포맷팅(코드 순서 변경, 세미콜론 추가) (주석 삭제)

Issue / Pull Request Convention

[종류] 작업 이름
ex) [FEAT] 회원가입 구현 및 이메일 본인인증, 비밀번호 찾기

담당자, 라벨 추가하기

Git Branch

GitHub-flow 전략을 사용

- main : 배포용
- develop : 작업용
- feature : feature/#{issue-number}/{feature-name}
- fix : fix/#{issue-number}/{feature-name}

📁 폴더 구조

├── 📁 node_modules
├── 📁 public
└── 📁 src
    ├── 📁 assets
    │   ├── 📁 images
    │   └── 📁 icons
    ├── 📁 components
    │   ├── 📁 commons
    │   └── 📁 APage
    │      └── APageBtn.tsx
    ├── 📁 hooks
    │   └── useClickOutside.tsx
    ├── 📁 apis
    │   └── 📁 APage
    ├── 📁 constants
    │   └── 📁 APage
    ├── 📁 types
    │   └── 📁 APage
    ├── 📁 pages
    │   ├── APage.tsx
    │   ├── BPage.tsx
    │   └── CPage.tsx
    └── 📁 styles
        ├── GlobalStyle.tsx
        ├── theme.ts
        └── style.ts
├── App.tsx
├── main.tsx
├── Router.tsx
├── .eslintrc.json
├── .prettierrc
└── .stylelintrc