👨‍🍳 Eat Go

프로젝트 소개

레스토랑 앱 React TDD 프로젝트입니다.
API를 이용하여 레스토랑을 조회하고 리뷰를 남길 수 있는 앱을 구현하였습니다.
지역과 음식 종류를 선택하면 레스토랑이 출력되며, 해당 리뷰와 평가를 확인하고 직접 리뷰를 남길 수 있습니다.
리덕스 툴킷을 사용하였으며, Emotion을 이용해 앱을 꾸몄습니다.
UseCallback과 React.memo를 이용해서 성능을 최적화하였습니다.

URL

https://anne-eatgo.netlify.app

프로젝트 기간

2022.11.14 - 2022.12.04

사용기술

React, Redux, Jest, Emotion, React Testing library

주요기능

🙍‍♂️ Login

API 통신으로 accessToken을 전달받아 저장된 사용자 정보로 로그인을 하면, 리뷰를 남길 수 있습니다.  ▲ Login
▲ Logout

🍴 레스토랑 조회

Restaurants Page에서 지역과 음식 종류를 선택하면 아래에 해당하는 레스토랑이 출력됩니다.
레스토랑을 누르면 해당 리뷰와 평가를 확인할 수 있습니다.

⭐ 리뷰 확인 및 작성

레스토랑을 누르면 해당 정보와 리뷰를 볼 수 있습니다.
로그인을 했을 경우에만 리뷰를 작성할 수 있으며, '리뷰 남기기' 버튼을 클릭 시 API를 통해 리뷰가 반영됩니다.

🔺 Not Found Page

잘못된 URL일 경우 NotFound Page로 연결됩니다.

⚙ 참고

🔐 Login 정보

id : [email protected]
password : test

설치하기

npm install

실행하기

npm start