Weather Closet

프로젝트 소개

웨더클로젯(WeatherCloset) : 날씨의 옷장☀️🌈⛈❄️☃️

• 웨더클로젯은 날씨에 맞는, 나에게 맞는 옷을 찾게 도와주는 서비스입니다.

프로젝트 타겟, 목표

• 웨더 클로젯은 수치로만 제공되는 날씨의 불편함을 해소하여, 내 온도에 맞는 옷을 찾아갈 수 있도록 도와줍니다. 웨더 클로젯에서 사람들은 매일 자신의 스타일을 기록하고 평가하여, 내 온도에 맞는 스타일을 찾을 수 있습니다. 또한 다른 사람들의 스타일을 보며 날씨에 맞는 옷을 미리 선택할 수 있어 매일 아침 옷을 고르는 시간을 줄이고, 스타일의 만족도를 높여줍니다.

팀원 소개

고종현	강푸름	서진환	이소정
github	github	github	github

배포

• netlify로 배포 웨더클로젯

기술 스택

💻	🚀
Front-end
Style
Animation
Deploy
etc

주요 기능

로그인 / 회원가입 / 로그아웃

팔로우, 좋아요, 댓글 작성 시 해당 유저에게 알림!

다른 사람들의 옷차림을 쉽게 파악할 수 있도록 현재 기온을 기준으로 데이터를 필터링

업로드한 옷차림 평가

옷차림 업로드 시 이미지 편집, 태그 추가 기능

업로드 중인 데이터가 유지될 수 있도록 로컬스토리지 활용

무한스크롤로 끊임없는 탐색 피드 구현

게시물에 댓글 추가, 삭제 기능

유저페이지에서 온도별 게시물 필터링(카드뷰, 리스트뷰)

사용자 프로필 이미지, 닉네임, 비밀번호 수정 기능

네비게이션 탭

와이어프레임

https://www.figma.com/embed?embed_host=notion&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FRy0Pfqu0csRR9dPGGoeezM%2F%EB%8B%AC%EB%A6%AC1%ED%8C%80-SNS%3Fnode-id%3D2%253A4073

디렉토리 구조

├── craco.config.js
├── package.json
├── public
├── src
│   ├── assets
│   │   ├── logo
│   │   └── lotties
│   ├── components
│   │   ├── base
│   │   └── domain
│   ├── contexts
│   │   ├── AuthContext
│   │   ├── NavigationContext
│   │   ├── PostProvider
│   │   └── WeatherProvider
│   ├── hooks
│   ├── pages
│   ├── routes
│   │   └── utilRoutes
│   │       └── hooks
│   ├── styles
│   ├── template
│   └── utils
│       ├── apis
│       ├── constants
│       └── functions
└── yarn.lock