Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/luan-neumann-dev/recipe

Recipe App is a web application built with React JS, Redux Toolkit, and Tailwind CSS, utilizing the EDAMAM Recipe Search API. It allows users to search for a wide variety of recipes, providing detailed information such as ingredients, nutritional facts, and preparation methods.
https://github.com/luan-neumann-dev/recipe

edamam-recipe-api react redux redux-toolkit tailwindcss

Last synced: 7 days ago
JSON representation

Recipe App is a web application built with React JS, Redux Toolkit, and Tailwind CSS, utilizing the EDAMAM Recipe Search API. It allows users to search for a wide variety of recipes, providing detailed information such as ingredients, nutritional facts, and preparation methods.

Awesome Lists containing this project

README

        


👨‍🍳 Recipe App

![image](https://github.com/user-attachments/assets/a93ac5ce-82ee-4d87-b78b-2541c69b9cbe)
![image](https://github.com/user-attachments/assets/092d2020-6f98-46c7-8809-cbe60ced91d0)
![image](https://github.com/user-attachments/assets/7466bcf7-383a-4252-8c0c-4b05f47c23eb)
![image](https://github.com/user-attachments/assets/d7033916-e4cc-492f-8d10-5d7163a27187)


Click here to view the project

> Recipe App allows users to search for a wide variety of recipes, providing detailed information such as ingredients, nutritional facts, and preparation methods. The app offers a simple and intuitive interface for discovering new and exciting dishes.

## 💼 Technologies Used
- React
- Vite
- JavaScript
- Tailwind CSS
- HTML
- EDAMAN recipe API

## 🏃 How to Run the Project

To run the project locally, follow these instructions:

1. **Clone** this repository on Visual Studio Code
```
git clone https://github.com/Luan-Neumann-Dev/Recipe/
```

2. **Open** the console and navigate to the project folder:
```
cd Recipe
```

3. **Install** project dependencies via the terminal:
```
npm install
```
4. **Start** the server:
```
npm run dev
```

5. Open your browser and go to `http://localhost:5173` to see the project in action! 🌟

## 💪 Contribute!
Liked the project? Want to make it even better? Contributions are always welcome! Feel free to send pull requests, report issues, or give suggestions for improvements.

🙋 Author




Foto do Luan no GitHub


Luan Neumann Dev



---