FoodHub is a modern, full-stack meal ordering platform built with Next.js 14. It features a robust role-based dashboard system, utilizing Parallel Routes and Slots to provide seamless experiences for Admins, Providers, and Customers.
Role-Based Access Control Dedicated interfaces for Admin, Provider, and Customer roles.
Parallel Routing & Slots: Optimized layout management using @admin, @customer, and @provider slots.
Responsive Dashboard: Fully responsive sidebar and data tables built with Shadcn/UI.
Secure Authentication: Session-based login and secure registration flow.
Modern UI/UX: Interactive toast notifications with Sonner and beautiful iconography with Lucide React.
- Separate dashboards for Admin, Provider, and Customer
- Secure session-based authentication
- Protected routes for all user roles
- Responsive admin/provider/customer dashboards
- Data tables built with Shadcn/UI
- Real-time UI updates from backend API
- Secure login & registration flow
- Session-based authentication (backend integrated)
- Protected API access with middleware support
- Clean and modern interface
- Toast notifications using Sonner
- Icon system powered by Lucide React
- Fully responsive design (mobile + desktop)
Framework: Next.js (App Router)
Styling: Tailwind CSS
UI Components: Shadcn/UI
Icons: Lucide React
Data Fetching: Fetch API
Notifications: Sonner
Live Website URL Frontend: https://client-sandy-kappa.vercel.app
Live Website URL Backend: https://backend-theta-peach-32.vercel.app
GitHub Repository Link Frontend: https://github.com/TwistMehedi/asiggment-4-frontend
GitHub Repository Link Backend: https://github.com/TwistMehedi/foodHub-backend
Clone the repository:git clone: https://github.com/TwistMehedi/asiggment-4-frontend
git clone https://github.com/TwistMehedi/asiggment-4-frontend
cd asiggment-4-frontend
npm i
npm run dev
Configure Environment Variables: Create a .env file in the root directory and check project .env.local file