What's eat

Overview

It's an app to give you random restaurants ideas with the conditions you given.

Sometimes it's difficult to decide where to eat, use this app you can get some random restaurants filter by your picked-up criteria!

homepage Page

Tech Stack

Built with

• ReactJS
• MUI
• Webpack
• NodeJS
• ExpressJS
• Axios
• MongoDB

Summary

• Datasource: all restaurant data is from yelp api.
• Navigation: you can choose location, find nearby restaurants by your preferred price, category and radius. When you click the 'what's eat' button.
• Functionality:
  • this app will pop up relevant restaurants in the Random Restaurants part. It will gives you at most 4 restaurants at one time. Also, if there is no releted restaurants within your criteria, this app will search and return random results by your location instead.
  • when you chosed one popped-up restaurant you' like to go, click 'click to visit' button, then this restaurant will go into Restaurants visited part and this 'click to visit' button will become to 'visited'.
• Visited Records: all restaurants you'd been visited will be listed in Restaurants visited part. You can check whether one restaurant you'd like to visit has been visited before.

How to Get Started

• Run git clone to clone this repo to your workspace
• Run npm install to install necessary modules
• Create your own .env file in the root path
• Start server by run npm run server-dev
• Then start React by running npm run react-dev
• Go to localhost:3000 you can find this app and then enjoy your meal with random restaurants!