An interactive, modern café web application for ordering, offers, and user engagement.
- ✨ User signup and login (localStorage persistence)
- 🔒 Protected profile page displaying user information
- 🛒 Add to cart with persistent cart
- 💳 Checkout and order summary
- 🧭 Dynamic navigation bar (auth & cart state)
- 🎁 Spin wheel for offers
- 📱 Responsive, mobile-friendly UI
- React, React-Bootstrap, React Router
- localStorage for persistence
- ESLint for code quality
- Node.js (v14 or higher recommended)
- npm
git clone https://github.com/Vijeth-Kumar-18/IdealCafe.git
cd IdealCafe
npm installnpm startVisit http://localhost:3000 in your browser.
src/components/– NavBar, Footer, Carousel, etc.src/pages/– Home, Menu, Cart, Checkout, Profile, etc.public/– Static assets and HTML
- Sign Up / Login: Create an account or log in. User data is stored in localStorage.
- Profile: View your profile details (name, email, etc.) on the protected profile page.
- Cart: Add menu items to your cart. Cart persists across sessions.
- Checkout: Review your order and proceed to checkout.
- Spin Wheel: Try your luck for special offers!
- Update menu items, offers, and branding in the respective components/pages.
- Extend authentication or connect to a backend as needed.