-
Notifications
You must be signed in to change notification settings - Fork 60
Description
Design and implement a responsive and modern login page using React with the following goals:
🎯 Requirements
Use Glassmorphism UI style to maintain visual consistency with the landing page.
Implement email and password input fields.
Add a "Login" button and a "Forgot Password?" link.
Include basic form validation (e.g., empty fields check).
On successful login (mock API or placeholder function), redirect to the user dashboard (/dashboard).
Add a placeholder or logic to integrate with Redux for authentication state management.
🎨 Design Guidelines
Match the overall theme (soft blue-purple tones, glassy elements, modern typography).
Use Tailwind CSS or any utility-first framework if preferred.
Ensure mobile responsiveness.
🧠 Suggestions
You have to edit the page already created (src/pages/auth/login.jsx)
Use a login action from authSlice to simulate user login.
Don’t hardcode user roles or tokens—use mocked values for now.
Show a loading spinner or disabled state during form submission.
✅ Acceptance Criteria
Clean, modern UI aligned with the landing page.
Fully responsive design.
Basic Redux integration placeholder.
Code should follow project structure and naming conventions.