Skip to content

This project is a versatile tool for managing your kitchen and grocery shopping. With its two core features, a shopping list and recipe book, you can easily plan your meals and ensure you have all the necessary ingredients on hand.

Notifications You must be signed in to change notification settings

hadeellotfi/shopping-ng

Repository files navigation

Recipe and Shopping List App

This is an Angular web application that allows users to create, view, and manage recipes and shopping lists. It includes the following features:

  • View a list of recipes, including images and basic information
  • View details for a specific recipe, including ingredients and instructions
  • Create new recipes and edit existing ones
  • Add recipes to a shopping list and view the list of ingredients
  • Mark ingredients as purchased in the shopping list

Features

  • Shopping list: Create and manage lists of items you need to purchase, whether for a single recipe or for your weekly grocery run. Add, remove, and edit items on your list, and categorize them by type of food or store section to make shopping more efficient.

  • Recipe book: Store and organize your favorite recipes in one convenient place. Add recipes manually or import them from popular recipe websites, and categorize them by cuisine, dietary needs, or meal type. Easily search for recipes by ingredient, keyword, or tag.

Getting Started

To get started with this application, follow these steps:

  1. Clone this repository to your local machine
  2. Navigate to the project directory and run npm install to install the necessary dependencies
  3. Run ng serve to start the development server
  4. Open your web browser and navigate to http://localhost:4200

Components

This application includes several Angular components that are used to display and manage recipes and shopping lists:

  • Recipe List Component: Displays a list of all available recipes
  • Recipe Detail Component: Displays detailed information about a specific recipe
  • Recipe Edit Component: Allows users to create or edit a recipe
  • Shopping List Component: Displays a list of ingredients that have been added to the shopping list

Services

This application includes several Angular services that are used to manage data and perform other tasks:

  • Recipe Service: Manages the list of available recipes and provides methods for creating, editing, and deleting recipes
  • Shopping List Service: Manages the shopping list and provides methods for adding, removing, and updating items

Contributing

If you would like to contribute to this project, please fork the repository and submit a pull request with your changes. Before submitting a pull request, please make sure that your changes are well-tested and that they follow the coding standards and conventions used in the rest of the application.

License

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

About

This project is a versatile tool for managing your kitchen and grocery shopping. With its two core features, a shopping list and recipe book, you can easily plan your meals and ensure you have all the necessary ingredients on hand.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published