Sophia and Lily love to eat. But, they sometimes end up in a bit of a dilemma when it comes to picking where to eat. Although Yelp and Google offer a useful starting point, relying solely on the opinions of strangers doesn't always make it easier. Sophia and Lily believe that the best recommendations come from friends, not total strangers. That's why they built this site.
Check out our backend repository HERE
Backend:
- NodeJS/Express
- MongoDB Atlas & Mongo Compass
- Yelp Fusion API
- Render
Frontend:
- React
- React Leaflet
- React Bootstrap & CSS
- Auth0
- Netlify
Welcome to FoodSteps! This app helps you discover and share restaurant recommendations with your friends. Below are the key features and functionality of the app:
- Join / Log In: Users can log in to the app and new users can easily create an account.
- Authentication: Users have the option to sign in using their Google or GitHub accounts for convenience.
- Personal Page: Each user has a personal profile/dashboard.
- BookMarks: Users can view and delete their favorite restaurants for quick access.
- Recommendations: Users can view and delete all the restaurants they have recommended.
- Friends: Users can view their list of friends, add a friend by email or delete an existing friend.
- Recommendation Search: Users can enter a city of interest to discover restaurants recommended by their friends.
- Restaurant Listings: After searching, users see a list of recommended restaurants. Each listing can redirect users to the restaurant's Yelp page and provide navigation via Google Maps.
- Map Integration: Restaurants are displayed on a map (using Leaflet) for easy visual reference. Map is interactive. Once clicked on a pin, users can see details of the restaurant.
- Add Recommendations: Users can recommend restaurants by filling out the restaurant's name and city. All recommended restaurants can be found under the "Recommendations" tab of their profile.
- Clone the repo
git clone https://github.com/liau11/front-end-capstone.git
- Install yarn packages
yarn install
- Start the server
yarn start