Resturant Reservation
Sumitra Rajbanshi
Published
Full Stack Restaurant Reservation System
A modern Full Stack Restaurant Reservation System built using the MERN Stack (MongoDB, Express, React, Node.js) and styled with Tailwind CSS. This application allows users to easily reserve tables online, while the backend securely manages reservation data with a database.
Live Demo
Live Website: https://www.twine.net/signin
GitHub Repository: https://www.twine.net/signin
Overview
This project demonstrates full stack development by integrating a responsive React frontend with a secure Node.js and Express backend and MongoDB database.
Users can:
Book restaurant tables online
Select reservation date, time, and number of guests
Submit reservation details
Store and manage reservation data in MongoDB
Tech Stack
Frontend
React.js
Tailwind CSS
JavaScript (ES6+)
Axios
Responsive Design
Backend
Node.js
Express.js
RESTful API
Database
MongoDB
Mongoose ODM
Tools & Deployment
Git & GitHub
Vercel (Frontend)
MongoDB Atlas
VS Code
Project Structure
restaurant-reservation/
│
├── client/ # React frontend
│ ├── src/
│ │ ├── components/
│ │ ├── pages/
│ │ ├── App.jsx
│ │ └── main.jsx
│
├── server/ # Node.js backend
│ ├── models/
│ │ └── Reservation.js
│ ├── routes/
│ │ └── reservationRoutes.js
│ ├── controllers/
│ └── server.js
│
└── README.md
Features
Full Stack MERN Application
Table Reservation Form
REST API Integration
MongoDB Database Storage
Responsive UI using Tailwind CSS
Form Validation
Clean and Scalable Code Structure
Real-world project architecture
How It Works
User fills reservation form in React frontend
React sends POST request to Express API
Backend validates and processes request
Reservation data is stored in MongoDB
Success response is sent back to frontend
API Endpoint Example
Create Reservation
POST /api/reservations
{
“name”: “Sumitra Rajbanshi”,
“email”: https://www.twine.net/signin
“date”: “2026-02-20”,
“time”: “7:00 PM”,
“guests”: 3
}
Skills Demonstrated
Full Stack Web Development
REST API Development
MongoDB Database Integration
React Component Architecture
Backend Development with Node.js & Express
Responsive UI Design with Tailwind CSS
Installation & Setup
Clone repository
git clone https://www.twine.net/signin
Install frontend dependencies
cd client
npm install
npm run dev
Install backend dependencies
cd server
npm install
npm start
Author
Sumitra Rajbanshi
Full Stack Developer
GitHub: https://www.twine.net/signin