https://github.com/irwingb1979/react-app-recipes

This React application displays a collection of recipe blocks, each pulling information from TheMealDB API
https://github.com/irwingb1979/react-app-recipes

app food javascript json meals react recipe recipes

Last synced: 5 months ago
JSON representation

This React application displays a collection of recipe blocks, each pulling information from TheMealDB API

• Host: GitHub
• URL: https://github.com/irwingb1979/react-app-recipes
• Owner: irwingb1979
• Created: 2024-09-04T13:17:31.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-09-04T14:00:42.000Z (almost 2 years ago)
• Last Synced: 2025-02-11T14:25:24.998Z (over 1 year ago)
• Topics: app, food, javascript, json, meals, react, recipe, recipes
• Language: TypeScript
• Homepage:
• Size: 149 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# React app recipes

This React application displays a collection of recipe blocks, each pulling information from TheMealDB API. Users can click on any recipe block to open a modal with detailed information about the recipe. The app demonstrates how to fetch data from an online JSON API and use modals for an enhanced user experience.

# Features

* Fetches recipe data from TheMealDB API

* Displays recipes in a block format

* Opens detailed recipe information in a modal on click

* Responsive design for various screen sizes

# Technologies Used

* React

* Axios (for fetching data)

* CSS (for styling)

Demo [link](https://react-app-recipes-01.netlify.app/)

## Screenshot

![screenshot react app recipes ](https://irwinborjas.com/wp-content/uploads/2024/09/recipes_app.jpg)

## 🔗 Links

[![portfolio](https://img.shields.io/badge/my_portfolio-000?style=for-the-badge&logo=ko-fi&logoColor=white)](https://irwinborjas.com/)

[![linkedin](https://img.shields.io/badge/linkedin-0A66C2?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/irwingb)

[![twitter](https://img.shields.io/badge/twitter-1DA1F2?style=for-the-badge&logo=twitter&logoColor=white)](http://twitter.com/irwingb)