fbrzrvn / cookbook-app

cookBook-App

A modern cookBook app to store, share or consulting recipes. Provide a user authentication, a form to create new recipe, a possibility to add/remove recipe to favorite and a search for recipe's name.

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.

Installing

To intalling and use this project you just need to clone the repo

https://github.com/fab-rvn/cookBook-App.git

Built With

• HTML
• CSS
• JS

Contributing

Please read CONTRIBUTING.md for details on our code of conduct, and the process for submitting pull requests to us.

Versioning

We use SemVer for versioning. For the versions available, see the tags on this repository.

Authors

• Fabrizio Ervini

License

This project is licensed under the MIT License - see the LICENSE.md file for details

cookbook-app's Issues

Day 3 18-12-2020

• Create a carousel
• Dimanically render the recipes
• Store the recipes in local storage

Day 5 21-12-2020

• Fix the search issue
• Create a card details for each recipe
• Create a form to save recipe

Render a single recipe's page when click on it

Basic project structure

• Create html file
• Create asset folder
• Create inside assets, css and js folders
• Link the file css and js in html
• Link the material icon cdn
• Import a font from google
• Choose a color palette

Day 1 16-12-2020

• Create the basic layout structure

• Create all file and folder

• Link all the static file

• Choose a font and color palette

• Start with the auth part

• Create a register and login form

• Create and store a new user when registered

• Create a login logic

• Create a logout button to end the session

Create a hover recipe card

• Display the recipe details when hover on it
• Display the favorite icon
• Change the icon when clicked

Manage recipes in local storage

• Save all the recipe in local storage
• Dimanicaly render the recipe in the pages
• Store all the information for a single recipe
• Add a image for each recipe

Search bar

Add a function to the search bar that filter all the recipes and return all the recipes that have the name that include the search-input value

Create the home section

• Create a responsive navbar
• Create a section for the user profile
• Create a section for the lastest recipes
• Add a search bar
• Render the recipe style netflix or spotify
• Create a section where create new recipes

Card hover effect

• Add a title
• Add a favorite icon

Create a form for add a new recipe

• Create a form
• Validate the form
• Icon to close the form
• Button for save or delete the recipe

Render recipe when added to favorite

User Auth

• Register a user
• Login
• Logout

Day 4 19-12-2020

• Add a hover effect that dispay the name and the favorite icon
• Change the icon when pressed
• Add a search bar function

Function search

Day 2 17-12-2020

• Create a responsive navbar
• Create a search input
• Create a section for the users profile,
• Create a section for create a new recipe,
• Create a section for the most recent added recipe
• Add a recipe to local storage