elibattistoni / project-demo-recipes-manager

This repository contains a React JS project for managing (adding, removing) recipes by category and year

Home Page:https://elisa-recipe-manager.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Responsive React JS Application to manage recipes

This project was done to practice React and implement some nice React features.

In this app you can add and remove recipes, which are automatically organized into categories and can be filtered based on the year of publication.

App deployment

This app was deployed on Netlify: the link to the website can be found on the right, or here.

React Features used in this project:

  • React Context API to manage the overall state of the application (the recipes are saved in local storage)
  • Custom React Hooks to validate the form for adding a recipe
  • React Portals to show the modal window with the details of a recipe

What could be done better...

No optimization of image loading (lazy loading) was implemented therefore their loading could be slower if the internet connection is not good. It is something that I will implement, though.

About

This repository contains a React JS project for managing (adding, removing) recipes by category and year

https://elisa-recipe-manager.netlify.app/

License:GNU General Public License v3.0


Languages

Language:JavaScript 57.4%Language:CSS 38.3%Language:HTML 4.3%