Implementation of an HR System for my development as a Full Stack.
💻 Technologies used:
Angular
Typescript
SCSS
Screen Login:
Screen Signup:
Registration screen with validations:
Screen Dashboard User with ROLE ADMIN (open settings sub menu):
Screen Home Responsive:
Screen User password update (with backend and frontend validations):
User notification screen (according to password status in the system);
Screen after password expires. User will be logged out (if logged in) and will be blocked:
🔗 Link figma: https://www.figma.com/design/8abn9FA0Kq7MACo9gPe4rc/Untitled?node-id=0-1&t=4GH42ISO98QY86lB-0
🔗 Link API Backend: https://github.com/devluanna/api-login-angular
✅ What we have already implemented:
👥 - Login with authentication and authorization
👤 - User Page
➕ - Registration page with validations and modal
🔓 - Password recovery
🔒 - Password Update
✉️ * Use real email to register. There is an implementation in the API that when you register, an email is sent with your ID and password to log in.*
💡 For use cases where the user needs to recover their password, use a real email as well. The new password will be generated by the API and sent via email.
This project is based on the structure of a project by Developer Fernanda Kipper
🔗 Video link: https://www.youtube.com/watch?v=6qbuuPM_de4&t=583s
❌ Upcoming Features:
- List all registered users for ADMIN;
- Creation of a "news wall";
- Possibility for a user with ROLE ADMIN to unblock a user with ROLE USER;