---

Angular E-Commerce App

This is an e-commerce application built with Angular 14 and deployed with Docker. It provides users with a streamlined shopping experience, enabling them to browse, search, and order products.

Features

• Product Browsing: View all available products, filter by category, and search by keywords.
• Cart Management: Add, remove, and update quantities of products in the cart.
• Order Confirmation: Complete orders with order confirmation notifications.
• User Authentication: Secure login and user management.
• Firestore Integration: Persistent storage for orders and user information.

Technologies

• Frontend: Angular 18, TypeScript
• Backend: Firebase Firestore for database storage, fireAuth for Login/signUP
• Docker: Containerization of the Angular application for easy deployment

Project Structure

├── src/                  # Angular source files
├── README.md             # Project documentation
└── package.json          # Project dependencies and scripts

Getting Started

Prerequisites

Ensure that you have the following installed:

• Node.js (v14 or above)
• Angular CLI (for development)
• Docker (for deployment)

Installation

1. Clone the repository:

   git clone https://github.com/ibrahimimohamed2108/angEcom1.git
   cd angEcom1

2. Install dependencies:

   npm install

3. Run the application locally:

   ng serve

   The application will be available at http://localhost:4200.

Building and Deploying with Docker

1. Build the project:

   ng build 

2. Build the Docker image:

   docker build -t ibrahimimohamed2108/emishop:v2 .

   (in the same folder as Dockerfile) (.\angEcom1\front\e-commerce\browser> docker build -t ibrahimimohamed2108/emishop:v2 .)

3. Push the Docker image to Docker Hub:

   docker pull ibrahimimohamed2108/emishop:v2

4. Run the Docker container:

   docker run -p 8080:80 ibrahimimohamed2108/emishop:v2

   Access the application at http://localhost:8080.

Firebase Configuration

This application requires Firebase Firestore for data persistence. To set up Firestore:

1. Create a Firebase project on Firebase Console.
2. Enable Firestore Database.
3. Add Firebase configuration to your Angular environment files.

Author

Mohamed Ibrahimi
Mohammadia school of engineers computer science Student
Docker Hub Repository

License

This project is licensed under the MIT License.

---