An open API service indexing awesome lists of open source software.

https://github.com/rociogarrido/cooking-planner

🍳 Cooking Planner – A simple and intuitive meal planning app built with Angular. 📅 Plan your weekly meals and 🛒 generate shopping lists!
https://github.com/rociogarrido/cooking-planner

angular-material angular18 ngrx rxjs wip

Last synced: 8 months ago
JSON representation

🍳 Cooking Planner – A simple and intuitive meal planning app built with Angular. 📅 Plan your weekly meals and 🛒 generate shopping lists!

Awesome Lists containing this project

README

          

# Cooking Planner 🍽️

## Overview

The **Cooking Planner** is a simple and effective meal planning application built with Angular. It helps users organize their meals for the week, generate shopping lists, and manage their favorite recipes efficiently.

## Features

- 📅 **Weekly Meal Planner** – Organize meals for each day of the week.
- 📋 **Shopping List** – Automatically generate a shopping list based on planned recipes.
- 📂 **Recipe Management** – Add, edit, and delete recipes easily.
- 📤 **Export Shopping List** – Download the list as a PDF or copy it to the clipboard.

## Technologies Used

- **Angular** – Frontend framework for building a dynamic UI.
- **TypeScript** – Strongly typed programming language for maintainable code.
- **Angular Material** – UI components for a modern, responsive design.
- **RxJS** – Reactive programming for handling data streams.
- **SCSS** – Styling with a modular and structured approach.

## Installation & Setup

### Prerequisites

Ensure you have the following installed:
- [Node.js](https://nodejs.org/) (LTS version recommended)
- [Angular CLI](https://angular.io/cli)

### Steps

1️⃣ **Clone the Repository**
```
git clone https://github.com/rociogarrido/cooking-planner.git
cd cooking-planner
```

2️⃣ **Install Dependencies**
```
npm install
```

3️⃣ **Run the Application**
```
ng serve
```

4️⃣ **Open the application in your browser at:**
```
http://localhost:4200
```