/VeggieYum

Primary LanguageJavaScript

VeggieYum 🥦

Are you searching for your next veggie recipe idea?
On VeggieYum you can find thousands of recipes and thy are all vegetarian!

❓ Why

This project is the final practice for start2impact React.js course.

💡 How it works

You can pick a recipe from the "popular recipes" or you can search for a recipe typing a keyword in the searchbar.
If you open the sidebar you can find some categories of food as well as the favorite panel, where you can find all the recipes you have previously saved.
For every recipe you can find the ingredients tab and the instruction tab.
No subscription required!*

*uses LocalStorage, resetting browser data will make your saved recipes disappear.

💻 Languages

  • HTML5
  • CSS3
  • Javascript ES6

📚 Libraries

🌐 External Services

💾 Installation

First of all, you need Node.js installed. If you don't have it, you can download it here: Node.js After the installation, you're ready to go.

1 - Clone the repository

git clone https://github.com/DevoAlex/VeggieYum.git

2 - Install the dependencies

npm install

3 - Replace the API key!

Replace the key in .env.example with your personal API key and rename the file .env

4 - Build it!

npm run build

5 - Open in the browser

Check out for index.html in the /build folder.

⚡ Try it!

If you want to search for your next recipe now try VeggieYum!

📃 License

MIT

📧 Contact Me

Any questions? Send me an e-mail here: alexpeluso.dev@gmail.com
You can also get in touch with me through my Linkedin.