A responsive food ordering single-page application (SPA) built with React.js, Redux Toolkit, and Tailwind CSS.
- React.js - Component-based SPA architecture
- Redux Toolkit - Efficient global state management
- Tailwind CSS - Utility-first CSS framework for fast styling
- React Router - Client-side routing
Developed a modular and reusable component architecture in React, improving code reusability by 40% and enhancing long-term maintainability.
Integrated Redux Toolkit to manage cart state globally and optimize API data handling, reducing unnecessary re-renders by 30% and improving overall application performance.
Admin panel to dynamically manage the menu:
- Add/edit/delete items with live updates
- Includes name, price, image, and description
- Optional default seeding fallback
- Add/remove items with quantity controls
- Real-time subtotal and total calculation
- Cart persists on refresh
- Checkout flow with confirmation
- Mobile-friendly layout with adaptive grid
- Toggleable mobile navigation
- Icon-based nav with cart item count badge