Rebuild NordStrom website using Angular 5. Deployed at https://nordstrom-7d20d.firebaseapp.com/
// navigate into directory
> cd NordStrom-Rebuild-Angular
// install dependent plugins
> npm install
// start application
> ng serve --open
- Otherwise, you can browse to https://nordstrom-7d20d.firebaseapp.com/
-
Build components (nav-bar, sub-nav-bar data, products, home, login, sign up, admin, cart)
-
Navigation bar shows each category and renders nested list of subcategory using ngFor.
-
Featured article/ deals are generalized as data class which has title,body,link,url properties.
-
User can log in/ log out
-
By authentication, only admin can move to '/admin' router. If customer tries to access admin, it will redirect to login when not logged in and redirect to /no-access if user is logged in but not a admin.
-
Id: chanethanlee@gmail.com / pw: 1234 is admin account.
-
Id: kennethdu3@gmail.com / pw: 1234 is customer account.
-
There will be shopping page where it will display product objects using ngFor, which has name, isNew, price, star,review properties.
-
Admin account can perform CRUD function on product for mananing.
-
Actively deployed on firebase, with database linked.
-
Use aniamation for toggling navigation bars, add animate function while toggling.
- Navigation bar
- Sub Navigation bar
- Footer
- Featuring news/deals
- Home/login/sign-up/admin routers
- Products feature
- Node.js
- Angular
- JWT
- Typescript
- TSLint
- Bootstrap
- Jquery
- popperJS
- Jasmin
- Karma
- Firebase hosting/real-time data base
MIT License
Copyright (c) 2018 Chan Lee