CookBook App

Welcome to the Cookbook App! This application allows you to create, edit, and manage your recipes efficiently. Built with React, React Router DOM, and Vite, it offers a fast and seamless user experience. The app also leverages local storage to save your recipes, so you don't lose any data even when you refresh the page.

https://tomato-cookbook.netlify.app/

Features

• Create Recipes: Add new recipes with details such as ingredients, steps, and cooking time.
• Edit Recipes: Modify existing recipes to keep them up-to-date.
• Delete Recipes: Remove recipes you no longer need.
• Persist Data: Recipes are stored in local storage, ensuring data is retained between sessions.
• User-Friendly Forms: Easy-to-use forms for entering and editing recipe information.

Installation

1. Clone the Repository:

   git clone git@github.com:ecemonkol/cookbook.git
   cd cookbook
   

2. Install Dependencies

   Make sure you have Node.js installed. Then, run:

   npm install
   

3. Start the Development Server:

   npm run dev

Technologies Used

• React: For building the user interface.
• React Router DOM: For managing navigation and routing.
• Vite: For fast and optimized development and build process.
• Local Storage: For persisting recipe data.

How to Use

• Home Page:

  • View a list of all recipes.
  • Click on a recipe to view its details.

• Add Recipe Page:

  • Use the form to add a new recipe.
  • Provide details such as title, ingredients, and instructions.
  • Save the recipe to local storage.

• Edit Recipe Page:

  • Select a recipe to edit from the list.
  • Update the recipe details and save changes.
  • The updated recipe will be stored in local storage.

License

This project is licensed under the MIT License. See the LICENSE file for more details.

Contact

For any inquiries or feedback, feel free to reach out to me at ecemonkol@gmail.com