A restaurant-matching web application that helps users find restaurants. Scramble! allows users to input their preferred cuisine, location, price, and other preferences, which will be saved as a "filter profile." From this "filter profile," users can either approve or disapprove each restaurant (one at a time) and see more in depth information about each restaurant. Users can also make notes about orders for their approved, or liked, restaurants.
- Kelly Yang, Dioscuri
- Eric Zhang, ezhang6811
- Tim Lee, ItsTim2001
- Karl Goeltner, kgoeltner
- Rudy Orre, rudyorre
- Project Tasks
- Project Proposal Google Doc
- Project Proposal Markdown
- Yelp Fusion API Documentation
- Facebook Messenger
- Project Spec Sheet and Grading
- Beautiful Eggert Chrome Extension
After cloning the repository, you can run the current build locally by running:
cd restaurant-tinder-app/src
npm install
npm install react-router-dom
npm install --save styled components
npm install react-icons --save
npm install react-tinder-card --save
npm install react-rating-stars-component --save
npm install @mui/material @emotion/react @emotion/styled
npm startThe source files will be in restaurant-tinder-app/src.
cd restaurant-tinder-backCreate a new file in this directory called ".env", which is used for storing environment variables.
Then, go to the Yelp Fusion API and create an account.
Click on "Create App" and fill out the parameters. Click "Create New App" at the bottom.
This will generate a unique Client ID and API Key that will be used to fetch the restaurant data for your local app.
Put the following two lines in .env and paste the two generated values:
REACT_APP_CLIENT_ID=<paste client id here>
REACT_APP_API_KEY=<paste api key here>Run the following bash commands to complete the backend setup.
npm install
node server.jsThe source files will be in restaurant-tinder-backend.
Make sure the frontend and backend servers are running on different ports, i.e. port 3000 (frontend), port 3001 (backend)