Recipe Generator

Random recipe generator created with React, TheMealDb API and Firebase authentication. Designed with Bootstrap.

Contents

• General Info
• Live Demo
• Stack
• Scope of Functionalities
• Sources

General Info

This project was made to practise fetching data from a third party API with React, later I added Firebase authentication to allow users save recipes to favourites.

Live Demo

Here is a working live demo https://ulyavrubel.github.io/recipeApp/

Stack

Technologies I used:

• React 16.12
• Firebase 7.9
• Bootstrap 4.4

Scope of Functionalities

• Get a random recipe for selected category
• Sign up, log in, reset forgotten password
• Add recipe to favourites
• Delete recipe from favorites

Sources

API

Data is fetching from theMealDB API https://www.themealdb.com/api.php

Inspiration

Inspired by one of Florin Pop's 100 Days - 100 Projects challenges https://www.florin-pop.com/blog/2019/09/100-days-100-projects