Skip to content

deshmukhakash55/ShopBridge

Repository files navigation

ShopBridge

ShopBridge is basic admin portal of e-commerce website to add, delete and edit the items.

For Demo, please visit:

https://shopbridge-34679.web.app

ShopBridge uses following tech tack and tools :

Frontend techs:

  • Angular
  • Angular Material
  • Ngrx
  • SCSS

How to deploy the application

  1. Open the system terminal.
  2. Clone the git repository by executing following command in terminal
    git clone https://github.com/deshmukhakash55/ShopBridge.git
  3. Install the dependencies for project by executing following command in terminal
    npm ci
  4. Start the project at local server by executing following command in terminal
    ng serve
  5. Open the following link in browser
    http://localhost:4200
  6. Once the project opens on local server. You can play around with it :)

Time spent on different development aspects.

  1. Frontend functionality - 3 hours
  2. Frontend presentational aspects (styling, DOM, etc) - 1.5 hours
  3. Required Validations - 1 hour

Some features in project

  1. Pagination
  2. Storing Item along with image and also created date
  3. Editing the existing items
  4. Deleting the existing items
  5. Sorting the items in list shown in table

Some screenshots

  1. List of existing items image

  2. Actions on list items image

  3. Sorting image

  4. Pagination image

  5. Edit Exsiting item image

  6. Add the item image

  7. Responsive website
    image