elh-art/react_recipe_app

A simple React recipe app just to practice React

What to eat today? app

It is a small React app that I created to help me (or others) with cooking ideas. The application retrieves data from edamam's API.

Table of Contents

• General Info
• Technologies Used
• Features
• Screenshots
• Setup
• Project Status
• Room for Improvement
• Acknowledgements
• Contact

General Information

• Sometimes I have no idea what to cook this small app helps to figure it out.
• I created it to practoice basic React features too.

Technologies Used

• React
• Rest API
• CSS
• Responsive design

Features

• Search based on ingredients or any food type.
• Filtration is possible for various health problems (e.g. gluten-free)
• The generated cards show a picture of the food, calorie intake, a link to the recipe, ingredients, and health labels.

Screenshots

Responsiveness:

Setup

To run this project, install it locally using npm:

$ cd ../react_recipe_app
$ npm install
$ npm start

Project Status

Project is: complete

Room for Improvement

• Saving user preferences in Local_Storage
• Backend solution for user database
• Added mailing list

Room for improvement:

• Limit down the number of recepies and img size for speed things up

Acknowledgements

• This project was inspired by Dev Ed's recipe React app.

Contact

Created by @elh-art - feel free to contact me!