Skip to content

Mohaned-Khaled/ecommerce-project

Repository files navigation

Angular Ecommerce Project

This project was generated with Angular CLI version 15.1.2.
This is an Angular ecommerce project that allows users to browse buy and add items, add them to their cart, and proceed to checkout. Users need to authenticate before being able to perform any actions on the app.

Installation

To run this project locally, follow these steps:

1-Clone the repository to your local machine: git clone 'https://github.com/Mohaned-Khaled/ecommerce-project.git'.
2-Install the dependencies: 'npm install'
3-Start the JSON server: 'json-server --watch db.json'
4-Start the Angular app: 'ng serve'

Features

-JSON server API for items, authentication, and cart items
-Forms using form-driven and reactive approaches with validators
-Local storage for storing user and cart data, synced with the JSON server
-Pipes and custom pipes for data formatting and manipulation
-Fortawesome packages for icons
-Add routing and guards.
-Bootstrap for the slider

Usage

Once you have the app running, open your browser and navigate to 'http://localhost:4200'.\ You can browse items, add them to your cart, and proceed to checkout. To authenticate, click on the login button in the top right corner and enter your credentials.