Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jonkirathe/eshopke
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.
https://github.com/jonkirathe/eshopke
angular ngrx ngrx-store observables rxjs standalone-app typescript
Last synced: about 2 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/jonkirathe/eshopke
- Owner: jonkirathe
- Created: 2022-12-19T14:14:02.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-03-21T18:41:25.000Z (almost 2 years ago)
- Last Synced: 2024-07-31T02:38:33.572Z (5 months ago)
- Topics: angular, ngrx, ngrx-store, observables, rxjs, standalone-app, typescript
- Language: TypeScript
- Homepage: https://e-shop-ke.vercel.app
- Size: 6.3 MB
- Stars: 4
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://cli.angular.io/)
2. NodeJs
- [Download Nodejs](https://nodejs.org/en/download/)
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](https://twitter.com/kirathendegwa)
* Twitter - [@kirathendegwa](https://twitter.com/kirathendegwa)
* LinkedIn - [john-kirathe-15a54570](https://www.linkedin.com/in/john-kirathe-15a54570/)
## License
eShopKE is [MIT licensed](LICENSE).