https://github.com/payal033/recipe-book

A web app that empowers users to create, edit, and delete recipes, explore new ones, and manage shopping lists by adding, updating, or removing ingredients, all through an intuitive interface designed for seamless recipe and grocery planning.
https://github.com/payal033/recipe-book

angular angularrouting bootstrap5 css3 html5 typescript

Last synced: 2 months ago
JSON representation

A web app that empowers users to create, edit, and delete recipes, explore new ones, and manage shopping lists by adding, updating, or removing ingredients, all through an intuitive interface designed for seamless recipe and grocery planning.

• Host: GitHub
• URL: https://github.com/payal033/recipe-book
• Owner: payal033
• Created: 2024-12-25T12:51:41.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-02-27T16:04:13.000Z (over 1 year ago)
• Last Synced: 2025-03-12T18:18:37.612Z (over 1 year ago)
• Topics: angular, angularrouting, bootstrap5, css3, html5, typescript
• Language: TypeScript
• Homepage: https://payal033.github.io/recipe-book/
• Size: 2.89 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# RecipeBook App

A web app designed to help users with recipe management features, allowing them to create new recipes, edit or delete existing ones, and effortlessly explore a wide range of new recipes. Additionally, users can streamline their grocery planning by adding ingredients directly to shopping lists, as well as updating or removing items from these lists.

### Demo

Screenshots

#### Discover

![Find new recipes based on category](./screenshots/discover-default.png)

![Find new recipes with details](./screenshots/discover-full-page.png)

![Get Surprise recipe](./screenshots/discover-suprise.png)

#### My Recipes

![New Recipe](./screenshots/recipe-form.png)

![Recipe Detail](./screenshots/recipes-list.png)

#### Shopping List

![Shopping List](./screenshots/add-sl.png)

![Shopping List](./screenshots/remove-all-sl.png)

This project was generated using Angular CLI version 19.0.4.