https://github.com/gitbrave99/ngbootstrap-fakestoreapi

Project using Fake Store API
https://github.com/gitbrave99/ngbootstrap-fakestoreapi

angular api bootstrap5 fakestoreapi

Last synced: about 1 month ago
JSON representation

Project using Fake Store API

• Host: GitHub
• URL: https://github.com/gitbrave99/ngbootstrap-fakestoreapi
• Owner: gitbrave99
• Created: 2024-01-31T20:58:38.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2024-04-13T04:02:05.000Z (about 2 years ago)
• Last Synced: 2024-04-13T18:07:01.287Z (about 2 years ago)
• Topics: angular, api, bootstrap5, fakestoreapi
• Language: TypeScript
• Homepage:
• Size: 611 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# NgFakeStore App

## App Content:  

Endpoints consumed: 

1. Category

2. Products

3. Cart

4. User   

  

- **Category Page**   

     Show all the categories in btn group

![category Page](./rdimages/categoriesPage.png)

- **Product Page**  

Displays categories in a “button group,” including the number of products for each category in a badge and a rating button. The table shows the products of the selected category; These can be sorted in ascending or descending order by product ID. In Each Product the information can be displayed in a modal and can be deleted; when deleting it shows a modal to confirm the action and then when the product is deleted it shows a toast message.

![Product Page](./rdimages/productsPage.png)

- **Cart Page**   

Carts can be sorted, limit the number of rows and search by date range.

![cart Page](./rdimages/cartsPage.png)

- **User Page**:  

For each user, display the cart list in a modal.

![user Page](./rdimages/userPage.png)

## Stack 

- Bootstrap 5.3(`https://getbootstrap.com`)

- Bootstrap Icons 1.11(`https://icons.getbootstrap.com`)

- Angular v17 with modules (--standalone false)

- FakeStore API (`https://fakestoreapi.com`)

## Run the project

- Run `npm install` to install all dependencies

- Run `ng serve` to start de project or `ng serve -o` to open it in the default browser. Also `ng serve --port=portNumber` can be used to open it in a specific port.

- Navitate to `http://localhost:4200/`

[![MIT License](https://img.shields.io/badge/License-MIT-green.svg)](https://choosealicense.com/licenses/mit/)