A simple react Recipe App, Powered by the Spoonacular API.
- Explore popular recipes, and vegetarian recipes if you like too.
- Explore Recipes from 5 different cooking cuisines.
- Filter Recipes And get what you are looking for.
- You get to see recipe details on a single page.
- Beutiful Ui.
- 3 pages: Home, Cuisine, Search, Recipe.
recipe-app.webm
Live App here: https://kaleidoscopic-cocada-af10a6.netlify.app/
Front end: React, Vite, React Router Dom, @splidejs, @emotion, Framer motion.
Clone the project
To install dependencies:
npm installTo run the app locally:
npm run viteTo run this project, you will need to add the following environment variables to your .env file.
API_KEY
Here are some related projects
A full stack, Passionate , Young , Web developer. Breathing Teck & Computers, Never Stop learning and discovering stuff.
Javascript, HTML, CSS, Tailwind, Material ui React, Angular, Nestjs, Nodejs, Express, Mean, Mern, MongoDB.
👩💻 I'm currently working on a personal project.
🧠 I'm currently learning Angular for large scale apps, along with Nest js on the same scale.
👯♀️ I'm looking to collaborate on in any projects of my listed stack.
🤔 I'm looking for help with large scale apps , both on backend and frontend.
📫 How to reach me: https://twitter.com/kotaid1
⚡️ Fun fact: There are around 700 separate programming languages. ...
Don't mind to give the app a star ⭐⭐