Registration and Login Page
This project expanded the existing authentication portal. Initially, the platform only provided a login page, with no way for new users to register, manage their accounts, or check the status of their registration. My work included adding user registration, an account management page where users could view their account status, and updating the login page with a more modern interface.
Because the company operated multiple dashboards that relied on session cookies for authentication, the project aimed to provide a single login and registration portal that could be shared across all applications. The new pages were built to work with the existing authentication system
As this is a commercial project, the source code is not publicly available. Please note that the
live website may have evolved since these screenshots were taken.
Technologies
- Next.js
- shadcn/ui
- Tailwind CSS
- Tanstack Query (Data Fetching)
- Zustand (State Management)
- Zod (Form Validation)
Features
- Main page with a form switcher between login and registration
- OAuth2 compatibility with Google and Microsoft, in addition to email login
- Multi-step registration flow with form state management
- OTP verification, with the ability to confirm the code or go back to change the email if needed
- Form validation across multiple fields
- Account page showing account status and other relevant user fields, including username
- Improved animations for login and button loading states
Screenshots
Main Login Page
Main Login Page - Registration Mode
Registration - Email Validation
Registration - OTP Email Verification
Registration - Email Validation
Registration - Account Info Validation
Registration - Agreement and account creation submit
Registration - Registration Complete
Account Page
