Sumitra Rajbanshi

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