Tailor Shop Management System MERN Final Year Project

• Secure admin login in this final year project
• JWT-based authentication
• Role-based admin access
• Admin operations console
• Dark sidebar admin layout
• Mobile drawer menu
• Dashboard overview
• View total customers
• View total brands
• View total services
• View total orders
• View order pipeline buckets
• View pending orders
• View stitching orders
• View ready-for-delivery orders
• View delivered orders
• View payment received
• View pending payment
• View recent orders
• Reports module
• Filter reports by date range
• Filter reports by customer
• Filter reports by category
• Filter reports by brand
• View all orders in range
• View pending orders
• View completed orders
• View delivered orders
• View cancelled orders
• View payments received
• View payments pending
• View customer-wise history
• View category-wise orders
• View revenue summary
• View brand-wise fabric stock
• Print reports from browser
• Customer management
• Search customer by name
• Search customer by email
• Search customer by mobile
• Create walk-in customer
• Add customer name
• Add email
• Add mobile
• Add address
• Add optional password
• Generate temporary password if password is not given
• View customer profile
• View customer account status
• View saved measurements
• View customer order history
• Edit customer details
• Activate customer account
• Deactivate customer account
• Delete customer
• Measurement management
• Browse customer measurement charts
• Edit measurement charts by customer and category
• Manage measurements taken at the shop
• Brand management
• Create brand
• Add brand name
• Add brand description
• Upload brand image
• Set active/inactive status
• Update brand
• Delete brand
• Hide inactive brands from public catalog
• Fabric management
• Create fabric
• Select fabric brand
• Add fabric name
• Add fabric type
• Add fabric colour
• Add price per metre
• Add fabric stock in metres
• Upload fabric image
• Set fabric active/inactive status
• Update fabric details
• Delete fabric
• Stock decreases when fabric is used in order
• Stock increases again if order is cancelled
• Category management
• Manage garment types
• Add Shirt, Pant, Kurta, Suit, Blouse, Lehenga, Dress, and other categories
• Set active/inactive status for booking control
• Service management
• Manage stitching services
• Add service under category
• Add service name
• Add stitching charge
• Add estimated days
• Add description
• Set service active/inactive status
• Copy stitching charge into order amount
• Measurement field management
• Create per-category measurement templates
• Add fields such as Chest, Waist, Shoulder, Sleeve Length, Shirt Length, Neck
• Set default unit as inch
• Use fields for saved charts and order measurements
• Order management
• Search orders
• Filter orders by status
• Filter orders by payment status
• Filter orders by date range
• Open order ticket
• Create new walk-in order
• Select existing customer
• Follow garment, fabric, measurement, instruction workflow
• Store admin user as createdBy
• Advance order status through pipeline
• Cancel order with reason
• Restore fabric metres on cancellation
• Record payments
• Prevent payment above pending amount
• Block payment on cancelled orders
• Edit special instructions
• Edit expected date
• Edit measurements before delivered/cancelled status
• Manage trial date
• Mark trial completed
• Add trial remarks
• Mark alteration required
• Add alteration remarks
• Update measurements after alteration
• Move order to Ready for Delivery
• Print invoice
• Delivery desk
• View Ready for Delivery tickets
• Collect remaining balance at handover
• Support Cash, UPI, Card, and Bank Transfer
• Refuse delivery while pending amount is greater than zero
• Mark paid at handover
• Set actual delivery date
• Add delivery remarks
• Verify payment
• View delivered orders
• Shop and security settings
• Update shop name
• Update shop address
• Update contact number
• Update email
• Upload shop logo
• Show shop details on public footer
• Show shop details on printed invoices
• Change signed-in admin password

The admin panel includes dashboard, reports, customers, measurements, brands, fabrics, categories, services, measurement fields, orders, walk-in orders, trial/alteration, delivery desk, shop identity, and password management modules.

• Public storefront access without login in this final year project
• Browse landing page
• View shop introduction
• View how booking works
• View featured categories
• View fabrics
• View brands
• View services
• Browse active brands
• View brand details
• View fabrics under brand
• Browse active fabrics
• Filter fabrics by type
• Filter fabrics by brand
• Filter fabrics by colour
• View price per metre
• View stock availability
• View fabric detail page
• Start order from fabric after login
• Browse stitching services
• View service charge
• View estimated days
• Customer registration
• Login using email or mobile number
• JWT-secured customer portal
• Customer dashboard
• View total orders
• View active orders
• View ready-for-delivery orders
• View delivered orders
• View pending payment total
• View latest order snapshot
• Shortcuts to measurements
• Shortcut to new order
• Shortcut to tracking
• Measurement chart management
• Save one chart per garment category
• Create measurement chart
• Edit measurement chart
• Replace measurement chart
• Reuse saved chart when placing order
• Book stitching order
• Use 4-step order wizard
• Select garment category
• Select stitching service
• View charge and estimated days
• Select shop fabric
• Enter fabric metres
• Skip fabric and use own cloth
• Use saved measurement chart
• Enter order-specific measurements
• Add special instructions
• View expected delivery date
• Review stitching amount
• Review fabric amount
• Review total amount
• Place order
• Stock is reserved when order is created
• View live/in-progress orders
• Open order detail
• View garment details
• View fabric details
• View measurement snapshot
• View special instructions
• View status timeline
• View payment summary
• View paid amount
• View pending amount
• Print invoice
• View invoice with shop name, address, contact, and logo
• View invoice line items
• View stitching and fabric charges
• View payment and balance
• View delivered and cancelled order history
• Profile management
• Update name
• Update email
• Update mobile
• Update address
• Change password with current, new, and confirm password

The customer panel includes dashboard, measurements, 4-step order booking, orders, order detail, invoice, history, and profile modules.

• Full-stack MERN architecture
• React 18 frontend
• React Router 7
• Vite 6
• Tailwind CSS 3
• Lucide icons
• Axios HTTP client
• Express backend
• Node.js runtime
• MongoDB database
• Mongoose 8 ODM
• JWT authentication
• bcryptjs password hashing
• Multer image upload
• Image uploads up to 5 MB
• Uploads folder for brand, fabric, and shop logo
• Concurrently for running servers together
• Nodemon for backend development
• Vite proxy for /api and /uploads
• Admin and customer roles
• Inactive customer login blocking
• Local MongoDB setup
• No third-party AI API
• No payment gateway API
• Medium-size seed data
• Printable invoice support
• Filterable reports
• Fabric stock deduction and restoration
• Walk-in customer and order workflow

The technology stack includes React, React Router, Vite, Tailwind CSS, Lucide icons, Axios, Node.js, Express, MongoDB, Mongoose, JWT, bcryptjs, Multer, Concurrently, and Nodemon.

Technology Used

Step 1: Install dependencies

From the project root:

npm install

npm run install-all

Or install separately:

cd backend && npm install

cd ../frontend && npm install

Step 2: Configure backend environment

Create or update backend/.env:

PORT=5000

MONGO_URI=mongodb://127.0.0.1:27017/tailor_shop

JWT_SECRET=tailor_shop_jwt_secret_key_change_in_production

JWT_EXPIRE=7d

Change JWT_SECRET before real deployment and do not commit production secrets.

Step 3: Seed sample data

npm run seed

The seed command clears existing collections and inserts medium-size demo data including shop, admin, 12 customers, catalog, and around 20 orders.

Step 4: Start both servers

npm run dev

Open:

http://localhost:5173

API health check:

http://localhost:5000/api/health

This starts Express and Vite together.

Run Separately

cd backend && npm run dev

cd frontend && npm run dev

Admin

Customers

Password for every seeded customer:

customer123

If admin creates a walk-in customer without password, the temporary password becomes Welcome@ plus the last 4 digits of the mobile number