A modern, responsive digital menu and ordering system for restaurants. Built with React, Firebase Authentication, and React Router.
- Digital Menu – Browse categories (Breakfast, Main Course, Drinks, Desserts) with an intuitive card-based UI
- Quick Checkout – QR code-based ordering system for contactless dining
- Firebase Authentication – Sign in with Google or continue as Guest
- Responsive Design – Fully optimized for mobile, tablet, and desktop
- Split-Screen Auth – Elegant sign-in page with branding sidebar
| Frontend | Backend | Styling |
|---|---|---|
| React 18 | Firebase Auth | CSS3 / Flexbox / Grid |
| React Router v6 | Firestore (optional) | CSS Variables |
| Vite / CRA | Mobile-first Responsive |
| Landing Page | Menu | Sign In |
|---|---|---|
| Hero section with CTA | Category-based menu cards | Split-screen authentication |
View Live Site ← Add your deployment link here
# Clone the repository
git clone https://github.com/yourusername/seaside-bistro.git
# Navigate to project
cd seaside-bistro
# Install dependencies
npm install
# Add your Firebase config
cp .env.example .env
# Edit .env with your Firebase credentials
# Run development server
npm run dev