The "Foodie Finds" website is a web application that serves as your ultimate culinary companion, designed to help users explore and discover the finest dining experiences in their local area. Whether you're a seasoned food enthusiast or simply looking for your next delicious meal, Foodie Finds has you covered.
Technologies Used:
- React.js
- JavaScript
- HTML
- CSS
- Git and GitHub
- Yelp API
Features:
- Restaurant Discovery: Easily search for and discover restaurants, cafes, food trucks, and eateries at a specific location.
- Keyword-Based Search: Fine-tune your search by specifying keywords such as cuisine type and dish.
- Detailed Listings: Access comprehensive restaurant listings with vital information, including adress, and ratings.
- Sorting Options: Sort search results by best match, highest rated, or most reviewed to find the perfect dining spot.
- User-Friendly Interface: Enjoy an intuitive and user-friendly interface that makes restaurant exploration a breeze.
- Responsive Design: Access Foodie Finds on various devices, ensuring a seamless user experience on desktops, tablets, and smartphones.
Code will run in the browser instead of the terminal. To use it:
- Make sure you are in foodie_finds folder, after cloning/downloading repo to your system.
- From the root project directory, run on terminal:
to install all necessary dependencies. (You will just need to do this once)
npm install
- Go to
src/utils/yelpAPI.js
and provide your Yelp API key in the value of the constant variableyelpAPIkey
. To get Yelp API key, go here: Yelp Developers - After installation, and providing the yelpAPI key. Start the server on your terminal:
npm start
- Open http://localhost:3000 to view it in your browser. The page will reload when you make changes.
- To exit/end, press 'ctrl+c' on the terminal, close the browser.
Tutorials, materials referenced from Codecademy: