MB-Square & Co. ♥

A modern Full-Stack Bespoke Tailoring & Fashion Website featuring appointment reservations, secure admin dashboard, email notifications, Supabase database, and a responsive premium user experience.

---

🚀 Live Website

🌐 https://mb-squareco.vercel.app/

---

📖 About

MB-Square & Co. is a modern full-stack bespoke tailoring and fashion website designed to provide customers with a premium digital experience.

The website allows customers to explore tailoring collections, fabrics, craftsmanship, and services while providing an integrated appointment reservation system.

The platform also includes a secure admin dashboard for managing customer reservations, updating reservation status, and sending automated email notifications.

---

✨ Features

• ✂️ Premium Bespoke Tailoring Interface
• 🧵 Fabric & Collection Showcase
• 🎨 Modern Fashion-Oriented UI/UX
• 📅 Appointment Reservation System
• 👤 Customer Reservation Management
• 📊 Secure Admin Dashboard
• 🔐 Admin Authentication
• ✅ Reservation Confirmation
• ❌ Reservation Cancellation
• 🔄 Reservation Status Management
• 📧 Automated Email Notifications
• 🗄️ Supabase Database Integration
• 📱 Fully Responsive Design
• ⚡ Fast & Interactive UI
• 🖥️ Production Deployment on Vercel

---

🛠 Tech Stack

Technology	Usage
Next.js	Full-Stack Web Framework
React	User Interface
TypeScript	Type-Safe Development
CSS	Styling & Responsive Design
Supabase	Database & Backend
PostgreSQL	Reservation Database
Nodemailer	Email Notification System
Gmail SMTP	Email Delivery
Vercel	Deployment & Hosting
Lenis	Smooth Scrolling

---

📂 Project Structure

MB-Square_Co/
│
├── public/
│   ├── images/
│   ├── apple-icon.png
│   ├── favicon.ico
│   ├── favicon.png
│   ├── favicon.svg
│   ├── icon.png
│   ├── logo.png
│   └── ...
│
├── src/
│   ├── app/
│   │   ├── admin/
│   │   ├── api/
│   │   │   ├── admin/
│   │   │   │   ├── auth/
│   │   │   │   └── reservations/
│   │   │   │       └── [id]/
│   │   │   │           └── route.ts
│   │   │   └── reservations/
│   │   │       └── route.ts
│   │   ├── reservations/
│   │   ├── globals.css
│   │   ├── layout.tsx
│   │   └── ...
│   │
│   ├── components/
│   │   ├── AppointmentModal.tsx
│   │   ├── CollectionShowcase.tsx
│   │   ├── CraftsmanshipGrid.tsx
│   │   ├── FabricShowcase.tsx
│   │   ├── FeatureStory.tsx
│   │   ├── Footer.tsx
│   │   ├── LenisProvider.tsx
│   │   ├── Navbar.tsx
│   │   ├── TailoringExperience.tsx
│   │   ├── TailoringScrollCanvas.tsx
│   │   └── Testimonials.tsx
│   │
│   ├── data/
│   ├── lib/
│   └── middleware.ts
│
├── .env.example
├── .gitignore
├── create-table.mjs
├── eslint.config.mjs
├── migrate-database.sql
├── next.config.ts
├── package.json
├── package-lock.json
├── postcss.config.mjs
├── tsconfig.json
└── README.md

```text

🎯 Key Highlights

✅ Full-Stack Bespoke Tailoring Website

✅ Modern Next.js & React Architecture

✅ Appointment Reservation System

✅ Secure Admin Dashboard

✅ Admin Authentication

✅ Supabase PostgreSQL Database

✅ Reservation Management System

✅ Gmail SMTP Email Notification System

✅ Nodemailer Integration

✅ Fully Responsive UI

✅ Smooth Scrolling Experience

✅ Modern Premium UI/UX Design

✅ Vercel Production Deployment

👨‍💻 Developed By

Mathu Bharathi A

Biomedical Engineer • Full Stack Developer • Graphic Designer

📄 License

This project is developed for MB-Square & Co. and portfolio purposes.

© 2026 MB-Square & Co. All Rights Reserved.