EShopKE

Live Demo: https://e-shop-ke.vercel.app/dashboard

Description

About In this project we have used Angular 15+ utilizing standalone architect together with NGRX to manage state. We have also used RXJS observables in order to receive data via httpClient.

The main features:

1. There are Product and Cart Components.
2. The products can be added to the cart what either create new cart item or increment the quantity of existing one.
3. The cart items can be removed.
4. Total cost of cart items and the whole cart total are calculated upon undates in cart items.

The possible improvements:

1. Offline cart (saving the state in the localStorage)
2. Test coverage, inputs validation, error handlings
3. Track how many product items are left on storage. Do not add the finished product.
4. Use the components styled by material, bootstrap look.
5. Anything else?

Installation

1. Angular CLI
   • Download Angular CLI
2. NodeJs
   • Download Nodejs
3. Package Manager - NPM / Yarn
4. Clone the repository and run npm install if you use npm as package manager or yarn install if you use yarn as package manager.
5. Run Angular developer server

Development server

 Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The application will automatically reload if you change any of the source files.

6. Run the Server.

JSON Server

  Run `json-server --watch database.json live-server` for a dev mock server. Navigate to `http://localhost:3000/`.

How can I support the developer ?

• Buy me a Beer https://www.buymeacoffee.com/johnkirathe
• Star my Github repo ⭐
• Create pull requests, submit bugs, suggest new features or documentation updates 🛠

Stay in touch

• Author - John Kirathe
• Twitter - @kirathendegwa
• LinkedIn - john-kirathe-15a54570

License

eShopKE is MIT licensed.