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/
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.
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
.
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.
Run ng test
to execute the unit tests via Karma.
Run ng e2e
to execute the end-to-end tests via Protractor.
To get more help on the Angular CLI use ng help
or go check out the Angular CLI README.
This is the overview of the project. Login is required if the user wants to see the categories.
click the login button to login with your Google account and the login button will be changed shortly on the navigation bar.
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.
Go to the Shopping cart to check detail of the products you chose.
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.
Click new product button. Fill in the textbox. Also, the information of the product will be showed on your right hand side.
Click the save button to finish adding a product. The product will be showed on the main menu of the page.
Also the firebase will be inserted a new item.
click one edit link in the manage product and change the parmeters of the product. The product will be updated on the app.