This project implements a role-based dashboard system for a courier service with three distinct user roles: Admin, Rider, and Branch.
- Role-based authentication and authorization
- Separate dashboards for Admin, Rider, and Branch users
- Collapsible sidebar navigation for each role with icons and text labels
- Hamburger menu in the navbar to toggle sidebar state
- Profile icon in the navbar for each role
- Protected routes to prevent unauthorized access
- Responsive design using Tailwind CSS
- Admin: Full system access and management capabilities
- Rider: Delivery personnel with access to delivery-related functions
- Branch: Branch managers with access to branch-specific operations
- Clone the repository
- Install dependencies with
npm install - Start the development server with
npm run dev - Access the application at http://localhost:5173
- Admin: Username "admin", any password
- Rider: Username "rider", any password
- Branch: Username "branch", any password
- Use the hamburger menu in the navbar to expand/collapse the sidebar
- In collapsed state, only icons are visible
- In expanded state, icons and text labels are visible
- Click on menu items to expand submenus
- Use the profile icon in the navbar for user-specific actions
For detailed information about the project structure, implementation details, and usage instructions, please refer to PROJECT_DOCUMENTATION.md.