Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ogm710811/boostmovie
A Shopping Cart for movie DVDs
https://github.com/ogm710811/boostmovie
angular-cli angular8 html5 mdbootstrap ngx-pagination saas typescript
Last synced: about 1 month ago
JSON representation
A Shopping Cart for movie DVDs
- Host: GitHub
- URL: https://github.com/ogm710811/boostmovie
- Owner: ogm710811
- Created: 2019-10-23T18:37:46.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2022-10-29T23:03:15.000Z (about 2 years ago)
- Last Synced: 2023-03-02T12:02:07.391Z (almost 2 years ago)
- Topics: angular-cli, angular8, html5, mdbootstrap, ngx-pagination, saas, typescript
- Language: TypeScript
- Size: 2.5 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 21
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# BoostMovie
BoostMovie is a Shopping Cart for movie DVDs.
## Development server
- This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 8.3.10.
- Run `ng serve` for a dev server.
- Navigate to `http://localhost:4200/`.
## Features
1. Homepage displays DVDs on the page in a table grid. Each item displays item photo, name and the price.
2. Homepage implements pagination displaying 8 items at a time.
3. User is able to search for the item by item name.
4. User is able to click on the item and see a movie detail page.
5. User is able to select a quantity and add item to the shopping cart.
6. User is able to click icon cart on the home page and see shopping cart content.
7. User is able to remove items from the shopping cart or change items quantity.
8. Shopping cart displays and updates total amount based on items quantity and price.
## Dependencies
- Element design: Material Design for Bootstrap (Angular version) : https://mdbootstrap.com/docs/angular/
- Pagination: ngx-pagination: solution for pagination in Angular : https://www.npmjs.com/package/ngx-pagination