AWS Cognito Auth Integration

Build and manage user authentication and a protected dashboard using AWS Cognito and modern React tools.
1)Authentication
Set up login, signup, and logout using AWS Cognito + Amplify
Handle OAuth redirects, sessions, and token management
Store and refresh user sessions securely
Manage global auth state (React Context)
Protect routes (e.g., redirect users to login if not authenticated)
2)UI Development
Build login and registration screens (using MUI)
Create a protected dashboard with sidebar, user profile, and logout
Add loading, error, and success states
Ensure responsive design (mobile + desktop)
3)Session Handling
Handle expired sessions and auth errors
Implement session refresh and validation
Fix issues like redirect loops or failed callbacks
-Tech Stack
Next.js 15 (App Router), React 19, TypeScript
AWS Amplify v6 + Cognito (OAuth 2.0)
Material UI (MUI) + Tailwind CSS
React Context (state management)
-What You’ll Deliver
Working Cognito login/signup flow
Global auth system (AuthContext)
Protected dashboard with user info
Clean, responsive UI with proper error handling
-Requirements
Strong React + TypeScript experience
Experience with AWS Cognito / Amplify Auth
Good understanding of OAuth (login redirects, tokens)
Experience with protected routes and auth flows