omarsamy3 / recipes-angular-app

The Recipes app is a modern web application built with Angular. It enables users to discover, save, and organize their favorite recipes. Users can create their own recipes, build personalized recipe collections, and generate shopping lists.

Recipes App

This project is an Angular application for a Recipes App, allowing users to add and save recipes based on various criteria such as ingredients, dietary preferences, and cooking time.

Features

• Authentication and Authorization.
• Create your own recipe.
• Edit it or delete it.
• Save its ingredients to the shopping list.
• View detailed recipe information including ingredients and instructions

Technologies Used

• Angular
• TypeScript
• HTML
• CSS

Getting Started

Follow the instructions below to get started with the Recipes App:

1. Clone the repository:

• git clone https://github.com/your-username/recipes-app.git

2. Navigate to the project directory:

• cd recipes-app

3. Install the dependencies:

• npm install

4. Start the development server:

• ng serve

5. Open your browser and visit http://localhost:4200 to see the application.

Deployment

To deploy the Recipes App, follow these steps:

1. Build the production version of the application:

• ng build --prod

2. The optimized build artifacts will be generated in the dist/ directory.

3. Deploy the contents of the dist/ directory to your chosen hosting platform.

Demo

You can try my website from here

Contributing

Contributions are welcome! If you'd like to contribute to the Recipes App, please follow these guidelines:

1. Fork the repository and create a new branch for your contribution.
2. Make your changes and commit them with descriptive commit messages.
3. Submit a pull request detailing your changes.

Please ensure that your contributions adhere to the project's coding standards and guidelines.

License

This project is licensed under the MIT License. See the LICENSE file for more information.