This project was generated with Angular CLI v13.3.0 with Node.js v16.14.2 (npm v8.5.0).
Run npm ci to install the dependencies
Run npm start for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.
- Fork repository
- You have 3 days to complete
- Create PR when complete
- Create a login page component.
- Create a home page component.
- The login page loads by default.
- When the user is authenticated the user is routed to the home page.
- On the home page make sure the active user is displayed along with a way for the user to logout.
- Be as creative as you want with both the login page and home page to make them look like a profesional site.
- An existing Angular UserService is provided with a user model and a default set of users.
- Update the service to perform the login and logout requests for users. Normally the service would forward the requests via REST to a server but for this exercise we will stop at the service layer.
- Add a login request that accepts a username and password for user access.
- Add a logout request that logs the curent user out.
- Maintain a user session as state. For example, when a user logs in the session is saved such that a reload of the page remembers the user from the active session.
- Track each user login/logout with a date/time stamp.
- Add a way to request the last login date/time per user.
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.
Run ng test to execute the unit tests via Karma.
Run ng e2e to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.
To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.