Burger Hub is a modern, full-stack burger ordering application where users can browse menus, view detailed items, filter and sort burgers and more, and place orders. It features full authentication, profile management, cart operations, and a seamless user interface with skeleton loaders.
This is the frontend (React + Vite) repository, which connects to a Laravel backend via Sanctum authentication and a REST API.
- 👤 User Authentication: Register, Login, and Logout (via Laravel Sanctum)
- 🔐 Protected Routes using Bearer Tokens
- 🍔 Menu Page: Browse all burgers with search, category filters, and sort by price or rating
- 🔍 Search & Filter: Search burgers, filter by category, and sort by price or popularity
- 📄 Detail Page for each menu item with complete description and image
- 🛒 Cart Management: Add to cart, update quantity, remove items
- 🧾 Order Placement: Place an order directly from the cart
- 👤 Profile Page: View and update user profile information
- 💅 DaisyUI Skeleton Loaders: Improve user experience while data loads
- 📱 Fully Responsive UI using Tailwind CSS and DaisyUI
- 🚀 Toast Notifications with React Toastify
- ✅ Form Validation using
react-hook-formandyup - 🔗 API Integration with Axios and Redux Toolkit for state management
- Vite
- React
- Tailwind CSS
- DaisyUI
- Redux Toolkit
- React Hook Form
- Yup
- Lucide React Icons
- Axios
- React Toastify
- Laravel
- Laravel Sanctum
- Git Repo
- RESTful API
- MySQL Database
🏠 Home Page
🔑 Login Page
📜 Menu Page
📄 Detail Page
🛒 Cart Page
💳 Checkout Page
