Welcome to the food recipe web app! This app allows users to search for and view detailed recipes for a wide variety of dishes. It is built using React and includes features such as ingredient lists and calories for each recipe.
To install and set up the app on your machine, follow these steps:
- Clone the repository to your local machine using the following command:
git clone https://github.com/mahsakhorshiddoust/Food-Recipes-ReactJS.git - Navigate to the root directory of the cloned repository and install the required dependencies using the following command:
npm install - Once the dependencies have been installed, you can start the app by running the following command:
npm start
To use the app, follow these steps:
- Open a web browser and navigate to http://localhost:3000 to view the app.
- Enter a type of dish or ingredient in the search bar and press the Enter key to search for it.
- Click on a recipe in the search results to view its detailed information.
- Follow the ingredient list and to make the recipe.
- React: A JavaScript library for building user interfaces.
Some potential future developments for this app include:
- Adding the ability to save favorite recipes to a user's profile.
- Adding the ability to add personal notes to each recipe.
- Adding the ability to filter recipes by various criteria such as difficulty or cooking time.
- The recipe data used in this app is provided by the EDAMAM API.