<<<<<<< HEAD
A high-end, full-stack fast food showcase application designed with a stunning modern "Food Tech" aesthetic.
- Premium UI/UX: Built with a vibrant dark theme, glassmorphism, custom typography (Syne & Inter), and sleek micro-animations.
- Fullstack Architecture:
- Frontend: React (Vite)
- Backend: Node.js / Express API with a local JSON database.
- Dynamic Menu: Menu items are fetched from the backend API, allowing for easy updates.
- Advanced Filtering: Live search and category filtering for the menu.
- Interactive Contact: Clickable phone numbers, Google Maps integration, and an embedded map.
You need two terminals open to run both the frontend and backend.
The backend stores your menu persistently in db.json.
npm run start:backend
# Or double click start-backend.bat on WindowsThe backend will run on http://localhost:3001
The frontend runs on Vite and communicates with the backend API.
npm run dev
# Or double click start.bat on WindowsThe frontend will run on http://localhost:5173
To deploy this application for the client, you will need to host the frontend and backend separately.
- Change the
API_URLinsrc/store/AppStore.jsxfromhttp://localhost:3001/apito your deployed backend URL. - Build the project:
npm run build
- Deploy the
distfolder to your static hosting provider.
- Deploy the root directory to your Node.js hosting provider.
- Ensure the hosting provider allows writing to the local filesystem (for
db.json) if you intend to update the menu via API, or transition to a real database (like MongoDB) for robust production use. - The server runs on the port specified by the
PORTenvironment variable (default 3001).
- React 18
- Vite
- Express.js
- Vanilla CSS
- Context API =======
3ed8606940f05ee89724832430eb5bda5bd69aef