🍳 Angular Recipe App

This project was generated using 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

   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:

   npm install

3. Run the development server Start the Angular development server with the following command:

   ng serve

   Once the server is running, open your browser and navigate to:

   http://localhost:4200

4. Build the project (optional) To generate a production-ready build of the project, use:

   ng build --prod

   The build artifacts will be stored in the dist/ directory.