Skip to content

skarlet-witcher/Organic-Shop

Repository files navigation

Organic-Shop

This project was generated with Angular CLI version 1.7.4. Using firebase to support the project in the backend.

Firebase Link: https://oshop-ad716.firebaseio.com/

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the -prod flag for a production build.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.

Business Preview

This is the overview of the project. Login is required if the user wants to see the categories.

_20180927202019
click the login button to login with your Google account and the login button will be changed shortly on the navigation bar.

_20180927202833

Add product

The button will automatically changed when clicking the add to cart button below each of the products. Also, the total number of the chosen products will be increased on the navigation bar. vice versa.

_20180927203128
Go to the Shopping cart to check detail of the products you chose.

_20180927203347

Manage Products

In the page of manage products, The app can also add new product for the shop and view the product list in the shop as an admin.

_20180927203707

New Product

Click new product button. Fill in the textbox. Also, the information of the product will be showed on your right hand side.
_20180927204041
Click the save button to finish adding a product. The product will be showed on the main menu of the page.
_20180927204251
Also the firebase will be inserted a new item.
_20180927204404

Edit Product

click one edit link in the manage product and change the parmeters of the product. The product will be updated on the app.

About

Angular Practice - A Project of Online Shopping

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published