Skip to content

AdityaKumar06/Mern-Restaurant-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 

Repository files navigation

🍽️ Restaurant MERN Website

A full-stack Restaurant Website built by me using the MERN (MongoDB, Express, React, Node.js) stack. This project showcases a modern restaurant landing page with a clean UI, reusable components, and a scalable backend architecture.


📁 Project Structure

MERN PROJECT
│
├── backend
│   ├── config          # Environment & configuration files
│   ├── controller      # Business logic
│   ├── database        # MongoDB connection
│   ├── error           # Centralized error handling
│   ├── model           # Mongoose schemas
│   ├── routes          # REST API routes
│   ├── app.js          # Express app configuration
│   ├── server.js       # Server entry point
│   └── package.json
│
├── frontend
│   ├── public
│   ├── src
│   │   ├── components
│   │   │   ├── Navbar.jsx
│   │   │   ├── HeroSection.jsx
│   │   │   ├── About.jsx
│   │   │   ├── Menu.jsx
│   │   │   ├── Team.jsx
│   │   │   ├── Reservation.jsx
│   │   │   ├── Qualities.jsx
│   │   │   └── Footer.jsx
│   │   ├── App.jsx
│   │   └── App.css
│   ├── index.html
│   ├── vite.config.js
│   └── package.json
│
└── README.md

✨ Features

  • 🍕 Attractive restaurant landing page
  • 📋 Interactive food menu section
  • 📅 Table reservation section
  • 👨‍🍳 Team & chef showcase
  • ⭐ Restaurant qualities & highlights
  • 🌐 Social media & contact links in footer
  • ⚡ Fast frontend powered by Vite
  • 🗄️ Scalable backend with MongoDB

🛠️ Tech Stack

Frontend

  • React (Vite)
  • JSX
  • CSS
  • React Icons

Backend

  • Node.js
  • Express.js
  • MongoDB
  • Mongoose

⚙️ Installation & Setup

1️⃣ Clone the repository

git clone https://github.com/your-username/your-repo-name.git
cd your-repo-name

2️⃣ Backend Setup

cd backend
npm install

Create a .env file inside the backend folder:

PORT=5000
MONGO_URI=your_mongodb_connection_string

Start the backend server:

npm start

3️⃣ Frontend Setup

cd frontend
npm install
npm run dev

Frontend runs on:

http://localhost:5173

🖥️ Website Sections

  • Navbar (Quick navigation)
  • Hero Section (Restaurant introduction)
  • About Us
  • Menu (Food items)
  • Team (Chefs & staff)
  • Reservation (Table booking)
  • Qualities (Why choose us)
  • Footer (Contact & social links)
Home About Us
Image Image
Menu (Food Items) Reservation
Image Image

🌍 Live Links


🚀 Future Enhancements

  • Online food ordering
  • Admin dashboard
  • Authentication (JWT)
  • Payment gateway integration
  • Animations & UI enhancements

👨‍💻 Author

Aditya Kumar Full Stack Developer 📧 adityakumar.connect2@gmail.com


⭐ Support

If you like this restaurant project, don’t forget to ⭐ the repository!


🍴 Good food deserves great code! 😄

About

A full-stack MERN restaurant website featuring a modern landing page, clean UI, reusable components, and a scalable backend

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors