Skip to content

Latest commit

 

History

History
93 lines (66 loc) · 3.83 KB

README.md

File metadata and controls

93 lines (66 loc) · 3.83 KB

Todays Menu

1. 📱 Todays Menu 소개

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


Figma Group 77 (1)

2. 🗓️ 개발 기간

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


3. 🛠️ 기술스택

JavaScript TypeScript React


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


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


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


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


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


4. 🎨 서비스 기능 소개

입력받은 위치로 랜덤 메뉴 후보 생성 후보 교체 및 재생성 투표하기
random resuggest vote
카카오톡 공유,링크 복사 링크 이동

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