🍽️ CampusCanteen - College Food Ordering System

A modern React-based food ordering platform designed specifically for college cafeterias to streamline the ordering process and reduce wait times.

✨ Key Features

• Interactive Digital Menu with real-time availability
• Smart Cart System with quantity customization
• Order Tracking with status updates (Preparing → Ready → Completed)
• Advanced Filters (Veg/Non-Veg, Price Range, Dietary Preferences)
• Responsive Design that works flawlessly on all devices

🛠️ Technology Stack

Category	Technology
Frontend	React.js
Styling	Tailwind CSS
State Management	Context API + Hooks
Data Persistence	localStorage
Build Tool	Vite

🚀 Quick Start

Prerequisites

• Node.js v18+
• npm v9+ or yarn
• Git

Installation Guide

1. Clone the repository

git clone https://github.com/sam28u/Food-Ordering-App.git
cd CampusCanteen

2. Install dependencies

npm install
# or
yarn

3. Configure environment

cp .env.example .env
# Edit .env file if needed

4. Run the development server

npm run dev

App will be available at http://localhost:5173

5. Build for production

npm run build

📚 Documentation

📂 Project Structure

CAMPUS-CANTEEN/
├── node_modules/            # Project dependencies
├── public/                  # Static assets
├── src/
│ ├── assets/                # Images, icons, fonts
│ ├── components/            # Reusable UI components
│ ├── pages/                 # Page components
│ │ ├── Home.jsx             # Main landing page
│ │ └── Orders.jsx           # Order history page
│ ├── App.css                # Main styles
│ ├── App.jsx                # Root component
│ ├── index.css              # Global styles
│ └── main.jsx               # Application entry point
├── .gitignore               # Git exclusion rules
├── .eslint.config.js        # ESLint configuration
├── index.html               # Main HTML template
├── package-lock.json        # Dependency lockfile
├── package.json             # Project metadata and scripts
├── README.md                # Project documentation
├── tailwind.config.js       # Tailwind CSS configuration
└── vite.config.js           # Vite build configuration

🧑‍💻 Development Scripts

Command Action

npm run dev	                 # Start development server
npm run build	             # Create production build
npm run lint	             # Run ESLint
npm run preview	             # Preview production build
npm run format	             # Format code with Prettier

🌱 Contributing

We welcome contributions! Please follow these steps:

Fork the repository

Create a new branch (git checkout -b feature/your-feature)

Commit your changes (git commit -m 'Add some feature')

Push to the branch (git push origin feature/your-feature)

Open a Pull Request

📬 Contact Sambhu Prasad Verma
📧 [email protected]
🔗 https://github.com/sam28u