https://github.com/carloss765/food-recipes

📖 Cookbook 🍳 Welcome to the Cookbook! This project is a modern responsive web application that allows you to browse, search and view cooking recipes easily and quickly. Developed with React and styled with Tailwind CSS, this project is perfect for food lovers looking for culinary inspiration.
https://github.com/carloss765/food-recipes

css3 html5 javascript json jsx react reactlibrary tailwindcss

Last synced: 3 months ago
JSON representation

📖 Cookbook 🍳 Welcome to the Cookbook! This project is a modern responsive web application that allows you to browse, search and view cooking recipes easily and quickly. Developed with React and styled with Tailwind CSS, this project is perfect for food lovers looking for culinary inspiration.

• Host: GitHub
• URL: https://github.com/carloss765/food-recipes
• Owner: carloss765
• Created: 2025-01-31T17:02:03.000Z (5 months ago)
• Default Branch: master
• Last Pushed: 2025-02-01T22:00:43.000Z (5 months ago)
• Last Synced: 2025-02-01T23:18:14.461Z (5 months ago)
• Topics: css3, html5, javascript, json, jsx, react, reactlibrary, tailwindcss
• Language: JavaScript
• Homepage: https://github.com/carloss765/Food-Recipes.git
• Size: 59.6 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
📖 Cooking Recipe Box 🍳

Welcome to Cookbook Recipe Box! This project is a modern responsive web application that allows you to browse, search and view cooking recipes easily and quickly. Developed with React and styled with Tailwind CSS, this project is perfect for cooking lovers looking for culinary inspiration.

🚀 Features.


Recipe List: Explore a wide variety of recipes with pictures, ingredients and detailed steps.

Recipe details: Click on any recipe to see its ingredients and preparation steps.

Responsive design: The app adapts to any device, whether mobile, tablet or desktop.

Quick search: Find recipes by name or ingredients (coming soon).

Easy to use: Intuitive and friendly interface for all users.


### 🛠️ **Technologies used**

| Category       | Technologies                                                                                                                                                     |

|-----------------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------|

| **Frontend**    | ![React](https://img.shields.io/badge/React-61DAFB?style=for-the-badge&logo=react&logoColor=black) ![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white) ![React Router](https://img.shields.io/badge/React_Router-CA4245?style=for-the-badge&logo=react-router&logoColor=white) |

| **Data**       | ![JSON](https://img.shields.io/badge/JSON-000000?style=for-the-badge&logo=json&logoColor=white)                                                                 |

| **Tools**| ![Vite](https://img.shields.io/badge/Vite-646CFF?style=for-the-badge&logo=vite&logoColor=white) ![Git](https://img.shields.io/badge/Git-F05032?style=for-the-badge&logo=git&logoColor=white) ![GitHub](https://img.shields.io/badge/GitHub-181717?style=for-the-badge&logo=github&logoColor=white) |

## Screenshots

![image](https://github.com/user-attachments/assets/4da940e9-fe06-47d3-b15a-d95e432d28c0)

*Main screen*

![image](https://github.com/user-attachments/assets/c64c7059-81f4-454c-bea4-066c01e3e82f)

*Recipe*