주제 선정 가이드

<aside> 💡

**[Coworkers]**은 업무 배정 및 현황 공유 서비스를 구축하는 것을 목표로 합니다. 실제 업무 프로세스에 최적화된 To-do 리스트 형태로 업무 생성, 공유, 성과 지표를 가시적으로 확인할 수 있는 기능을 구현합니다. 일관된 UI/UX를 유지하면서, 공통 컴포넌트를 반복적으로 사용하여 효율적인 개발 환경을 조성합니다.달력, 팝오버, 모달 등 다양한 UI 요소를 외부 패키지로 구현하며, 이를 탐색하고 적용하는 과정에서 외부 라이브러리 활용 능력을 기를 수 있습니다. 반응형 UI로 각 UI가 다양한 기기 환경에 최적화되도록 외부 패키지를 조정하며, 사용자 친화적인 UI 개발 경험을 쌓습니다.이 프로젝트는 업무 관리 도구에 관심이 있는 학생, 특히 효율적인 UI/UX 설계와 외부 패키지를 활용한 실무형 프로젝트에 흥미를 가진 학생들에게 적합합니다.

</aside>

• 프로젝트 주제명
  • Coworkers
• 기술스택
  • HTML/CSS
  • JavaScript
  • TypeScript
  • React
  • Next.js
  • React Query
  • Styled Components
  • Git & GitHub
  • MongoDB
  • Vercel
  • AWS S3
• 난이도
  • 상

기수/팀 별 루트 URL

<https://fe-project-cowokers.vercel.app/{기수}-{팀}/>

프로젝트 기획 요구 사항

<aside> 💡

디자인 시안 : https://www.figma.com/design/d5ogtLVSv1m7e8kx1Lfamy/[CCC]Cowokers?node-id=52-1213&t=Z0cCZlPhFeaJ0SvF-1

Swagger 문서 : https://fe-project-cowokers.vercel.app/docs/#/

※ 디자인 시안과 기획 요구사항을 꼼꼼히 비교하면서 살펴보신 후 프로젝트 주제를 선택해 주세요.

</aside>

1) 공통

• 제시된 폰트와 컬러 시스템을 설정하세요.
• 재사용성을 위해 공용 컴포넌트를 만드세요.
• 반응형 웹 디자인을 준수하세요.
• React Query를 사용하세요.
• Storybook을 적용하세요. (선택)
• Next.js를 사용하세요.
• Typescript를 사용하세요.