Promotive

demo: https://promotive.vercel.app/

우리 계획적인 삶을 기획해요! Our goal is to help you stay productive!

Preview

참고사항

• 모바일 친화적
• 다크모드 가능
• Skeleton UI
• 실시간 날씨 확인 가능
• 포모도로 기법 사용 가능 (타이머) - start, pause, reset, set
• 상태관리 Recoil로 관리
• 대부분의 데이터는 로컬 스토리지에 저장. 리로딩후 데이터 보존
• 리스트 생성, 수정, 삭제 가능
• 리스트 내용 & 리스트 전체 -> 드래그 앤 드랍 가능
• 원하는 도시 날씨 검색 가능. 데이터 시각화 -> 차트 및 카드 UI
• API 불러올 때 로딩 표시
• 자세한 내용은 About page.

Tech stack

• React
• TypeScript
• Styled Components
• Recoil (state management)
• react-hook-form(useForm)
• API (react query)

features

• Dark Mode
• Momentum #8
• Weather #14
• Pomodoro (timer) #15
• Drag And Drop
• CRUD lists
• Browser Compatibility. (Chrome, Safari, Firefox) #18

Coming soon

• Push notification
• Quotes API
• OAuth - sign up/sign in
• json db
• styling

---

Home

Pomodoro

Scheduler - Drag and Drop

Forecast

Mobile friendly