Todays Menu

1. 📱 Todays Menu 소개

입력받은 위치를 기반으로 주변 음식점을 랜덤으로 추천해주고, 추천받은 리스트를 지인들과 공유해서 가고싶은 맛집을 투표까지 해볼 수 있는 서비스 입니다.

2. 🗓️ 개발 기간

23년 9월 11일 ~ 23년 9월 26일

3. 🛠️ 기술스택

recoil을 통해 복잡한 상태 관리 로직을 단순화하여 코드의 가독성을 향상시키고 유지 보수를 용이하게 만들었습니다.

React Query를 통해 비동기 데이터 요청을 보다 효율적으로 관리하고 제어했습니다.

styled-components를 사용하여 컴포넌트의 상태나 프롭스에 따라 스타일을 변경하고 상태에 따라 다른 스타일을 적용했습니다.

Suspense 를 사용하여 컴포넌트 내에서 비동기 데이터 처리시 로딩이나 에러상태 컴포넌트의 전환을 처리하여 사용자 경험을 향상시켰습니다.

Google Analytics를 사용해서 각 페이지와 버튼에 이벤트를 심고 웹에서 발생하는 고객의 행동 데이터를 수집하고 분석하였습니다.

4. 🎨 서비스 기능 소개

입력받은 위치로 랜덤 메뉴 후보 생성	후보 교체 및 재생성	투표하기

카카오톡 공유,링크 복사	링크 이동

5. 📁 폴더 구조

.
├── public
└── src
    ├── apis
    │   ├── api
    │   ├── base
    │   └── query
    ├── assets
    │   ├── icons
    │   └── images
    ├── components
    │   └── common
    │       ├── Button
    │       ├── MenuCard
    │       ├── ResultCard
    │       └── modal
    │           └── children
    ├── pages
    │   ├── Error
    │   ├── Loading
    │   ├── Location
    │   ├── OverallRanking
    │   ├── Poll
    │   ├── RandomList
    │   └── Result
    ├── recoil
    ├── router
    ├── styles
    └── util