https://github.com/sashapt/my-store

App with products
https://github.com/sashapt/my-store

angular angular-cli angular-material api products store

Last synced: about 1 month ago
JSON representation

App with products

• Host: GitHub
• URL: https://github.com/sashapt/my-store
• Owner: SashaPt
• Created: 2022-11-09T10:25:53.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2022-12-12T08:46:17.000Z (about 2 years ago)
• Last Synced: 2024-11-06T13:35:04.297Z (3 months ago)
• Topics: angular, angular-cli, angular-material, api, products, store
• Language: TypeScript
• Homepage:
• Size: 1.13 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# My Store App

App with different products. View Deployment.

## 

My Store App was created by using DummyJSON.

### Details:

- Top bar (links to main page and to cart page);

- Search panel - to write product name;

- Loader (runs during products' loading);

- Product's cards;

- Detail information about the product;

- Cart page with items, information about shipping and client's data.

### Description:

1) Interface:

- used Angular Material UI component library;

- created adaptive design (used flex, grid, media queries).

2) Services:

- for getting products;

- for showing more products;

- for searching products;

- for getting shipping options and setting shipping type;

- for working with the cart (to add an item, to delete an item, to get total price, to get shipping type).

3) Additional:

- ability to add items to the cart by pressing "Buy" on the main page, as like as on the product's details page;

- ability to drag items onto the cart.

### Development

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 14.2.3.

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.