Veggie Recipe Hub is a web application that provides users with a diverse collection of vegetarian recipes. Users can search and browse through a variety of recipes, get details on ingredients, instructions, and preparation times, and find inspiration to create delicious and healthy dishes. The app features a slider showcasing some of the most interesting recipes, along with an advanced search function to find specific recipes.
Users can start by searching for vegetarian recipes using keywords, ingredients, or cuisine types. The app's intuitive search feature quickly provides a list of relevant recipes.
Upon selecting a recipe from the search results or the featured recipes slider, users are presented with a detailed view. This view includes essential recipe information such as preparation time, servings, and price per serving. Users can also find a comprehensive list of ingredients and step-by-step instructions, ensuring they have all they need to cook up a delectable dish.
- HTML5
- CSS3
- Javascript ES6
- JSX
- React
- Node.js
- React-Router
- React-Hooks
- Axios for the API requests
- Redux for state management
- Bootstrap as a CSS framework I have opted for
- LottieFiles for JSON Animation
API documentation Spoonacular
First of all, you need Node.js installed.
If you don't have it, you can download it here:
Node.js
git clone https://github.com/R3ddy95/VeggieRecipeHub.git
npm install
npm run build
You need your API Key if you want to work this project, go to Spoonacular and get one.
Then Open your Directory folder and create a new file with the name .env and write this code:
REACT_APP_API_KEY=YOUR_API_KEY
Replace YOUR_API_KEY With the Key you took on Spoonacular
npm start
and go to http://localhost:3000 to view it in your browser.
Elsewhere, you can simply try it here: VeggieRecipeHub
My Email: [email protected]
You can find my Linkedin profile here: https://www.linkedin.com/in/edoardo-vitagliano-299737110/