Skip to content

Create a Login Page #5

@Ayush0316

Description

@Ayush0316

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.

Image

✅ 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.

Metadata

Metadata

Assignees

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions