Skip to content

Himanshusingh204/restaurant-menu

Repository files navigation

<<<<<<< HEAD

Food Menu - Premium Fast Food Showcase

A high-end, full-stack fast food showcase application designed with a stunning modern "Food Tech" aesthetic.

Features

  • 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.

How to Run Locally

You need two terminals open to run both the frontend and backend.

1. Start the Backend API

The backend stores your menu persistently in db.json.

npm run start:backend
# Or double click start-backend.bat on Windows

The backend will run on http://localhost:3001

2. Start the Frontend Application

The frontend runs on Vite and communicates with the backend API.

npm run dev
# Or double click start.bat on Windows

The frontend will run on http://localhost:5173

Deployment to Production

To deploy this application for the client, you will need to host the frontend and backend separately.

Frontend Deployment (e.g., Vercel, Netlify)

  1. Change the API_URL in src/store/AppStore.jsx from http://localhost:3001/api to your deployed backend URL.
  2. Build the project:
    npm run build
  3. Deploy the dist folder to your static hosting provider.

Backend Deployment (e.g., Render, Railway, Heroku)

  1. Deploy the root directory to your Node.js hosting provider.
  2. 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.
  3. The server runs on the port specified by the PORT environment variable (default 3001).

Technologies Used

  • React 18
  • Vite
  • Express.js
  • Vanilla CSS
  • Context API =======

restaurant-menu

3ed8606940f05ee89724832430eb5bda5bd69aef

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors