This is my very first React project and is a remake of my Vanilla JavaScript My Foods App.

The amount of time I spent building this project (being my first react project) helped me really understand how some fundamental react concepts work.

Here you can search your favourite meals and filter them by category.

When clicking on a meal, a modal will pop up with all the detailed info about that meal.

The recipes are fetched from TheMealDB API.

I used useState & useEffect hooks for state management.

Inspired by Milan Chudoba

View Project

The technologies used in this project are:

1. HTML
2. CSS
3. JAVASCRIPT
4. REACT
5. USESTATE & USEEFFECT HOOKS
6. FUNCTIONAL COMPONENTS
7. FETCH API
8. HIGH ORDER FUNCTIONS
9. CSS ANIMATIONS

npm install

npm start

View Project