A minimal yet professional authentication and role-based access control demo built with React + TypeScript + Vite + Tailwind v4.
This project demonstrates:
- Basic login/logout
- Role-based route protection (
admin/user) - Session persistence with
localStorage - Protected pages and unauthorized redirect
- Minimal responsive UI
- Authentication Context to manage session state
- Mock users:
admin@example.com/Admin123!user@example.com/User123!
- Role-based navigation:
- Admin → access to
/admin - User → access to
/user
- Admin → access to
- Unauthorized redirect for restricted routes
- Clean and modern UI with TailwindCSS
- Responsive layout
- React 18
- TypeScript
- Vite
- TailwindCSS v4 (
@tailwindcss/vite) - React Router v6