pokemzok/parkandrest-ui

Repository files navigation

Frontend application made in angular 7 for educational purposes. You can use it fully client side, or with server available here. To use application in server mode go to environment.ts and set your SERVER_OFFLINE parameter like this:

 SERVER_OFFLINE: false

start

  1. Authentication based on cookies and redux like store.
  2. Reactive forms with custom validation.
  3. Guarded routing which discovers home route based on authority.
  4. Modularization
  1. Angular 7.0
  2. Angular material
  3. Bootstrap 3.3
  4. Jasmine/Karma
  5. Underscore
  6. MomentJs (ngx-moment )
  7. ngx-toastr
  8. ngx-modal
  9. ngx-cookie-service
  10. @ngx-translate
  11. @ngrx/store
  1. Install nodejs (version 8.5.0 or higher) and npm (version 5.3.0 or higher)
  2. Type npm install in "parkandrest-ui" catalogue
  1. To run application type 'ng serve' in parkandrest-ui main catalogue
  2. To run application test type 'ng test' in parkandrest-ui main catalogue

You can login using provided credentials (fulladmin would allow access to all application features):

usernamepasswordauthorities
fulladminpasswordADMIN, OPERATOR, OWNER, DRIVER
adminpasswordADMIN
operatorpasswordOPERATOR
driverpasswordDRIVER
ownerpasswordOWNER
  1. Manage application users. You can add new one and disable (or enable) existing one.

users

2. Generate daily financial reports.

accounting-monitor

3. Monitor parking spaces. Get and information about parking space state and what vehicle is currently parked.

parking-meter

4. Access parking meter functionality. You can manually start and stop parking meter in order to mock external parking system which is not a part of this project.

driver-mock

5. Get control over your server application time manager.

time-manager

You can increment time by hours in order to test different time based scenarios. Warning! This feature is not available in client side mode and should not be used on the production. In order to make it work check the environment.ts file. Your ENVIRONMENT property should be set like this:
export const ENVIRONMENT = {
  PRODUCTION: false,
  SERVER_OFFLINE: false
}
feature grouprequired authority
Account monitorOWNER
Parking meterOPERATOR
UsersADMIN
Driver MockDRIVER
  1. npm config set registry http://registry.npmjs.org/ - https keeps reseting network connection
  • Routes lazy loading
  • Custom fallback route - currently we always fallback to LogoutComponent
  • Change or update of ngx-cookie-service because of nasty side effects (example here stevermeister/ngx-cookie-service#5)
  • Tests
  • Prolonging session by using refresh token (currently in server mode, after token expiration you will be always logout )

Releases

No releases published

Packages

No packages published