https://github.com/bena-sudo/angular-recipe-app
This repository contains an online recipe application built with Angular.
https://github.com/bena-sudo/angular-recipe-app
angular supabase typescript
Last synced: about 2 months ago
JSON representation
This repository contains an online recipe application built with Angular.
- Host: GitHub
- URL: https://github.com/bena-sudo/angular-recipe-app
- Owner: bena-sudo
- Created: 2024-12-19T21:26:00.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2025-02-22T11:13:45.000Z (over 1 year ago)
- Last Synced: 2025-02-22T12:20:46.893Z (over 1 year ago)
- Topics: angular, supabase, typescript
- Language: TypeScript
- Homepage:
- Size: 2.76 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🍳 Angular Recipe App
This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 19.0.6.
## 🎯 Project Objective
The **Angular Recipe App** is a web application designed to manage a personal recipe library. It allows users to perform CRUD (Create, Read, Update, Delete) operations on their recipes. Users can add new recipes, view details, edit existing ones, and delete recipes they no longer need. The app aims to simplify recipe management in a user-friendly and visually appealing interface.
---
## 🛠️ Technologies Used
- **Frontend Framework:** Angular
- **Programming Languages:** TypeScript, HTML5, CSS3
- **Styling Framework:** Bootstrap
- **Backend:** Supabase (Database and Authentication)
- **Development Tools:** Node.js, Visual Studio Code
- **Version Control:** Git
---
## 📸 Screenshots
### Recipe List
### Add Recipe
### Edit Page
---
## 🚀 How to Run
Follow these steps to clone, set up, and run the project locally:
1. **Clone the repository**
```bash
git clone https://github.com/bena-sudo/angular-recipe-app.git
cd angular-recipe-app
```
2. **Install dependencies**
Ensure you have Node.js installed on your system. Then, install the project dependencies using:
```bash
npm install
```
3. **Run the development server**
Start the Angular development server with the following command:
```bash
ng serve
```
Once the server is running, open your browser and navigate to:
```bash
http://localhost:4200
```
4. **Build the project (optional)**
To generate a production-ready build of the project, use:
```bash
ng build --prod
```
The build artifacts will be stored in the `dist/` directory.