figma design: https://www.figma.com/design/6z69pcKwY53LLTAJu3ZvRy/LoginUIConcept-(Community)?node-id=0-1&t=ihNdwPGUaibTp92q-1
Use Vite for fast development and Tailwind CSS for responsive web styling.
Run the following command to install the necessary dependencies:
npm install
Start the Development Server:
npm run dev
default location changed to http://localhost:5173/
1.Register Page http://localhost:5173/
2.verify email
3.Login Page: http://localhost:5173/login
Users can log in using their credentials.
4.Forget Password: 4.1 Clicking "Forget Password" triggers a modal to enter the email.
After entering the email, click "verify" to initiate the password reset process.
Upon receiving the email, click the reset password link. Redirects to the reset password page where users can set a new password:
4.2 Password Reset: http://localhost:5173/reset-password/:token
Successful password reset redirects back to the login page.
5.Landing
Once logged in, if you are an "Admin", you will see:
Once logged in, if you are not an "Admin", you will see:
if you are not logged in and you find this page, you will see: