Online Fruit Order Management System Final Year Project

• Secure admin login in this final year project
• Admin dashboard
• View total customers
• View active fruits count
• View total orders
• View pending orders
• View delivered orders
• View categories count
• View revenue
• View inactive fruits
• Quick action links
• Recent orders table
• Fruit management
• Add fruit product
• Edit fruit product
• Delete fruit product
• View active and inactive fruits
• Search fruits
• Filter fruits by status
• Upload fruit product image
• Add fruit name
• Select fruit category
• Add fruit price
• Add fruit unit
• Add stock quantity
• Add product description
• Activate fruit visibility on storefront
• Deactivate fruit visibility on storefront
• Manage supported units such as kg, dozen, and unit
• Category management
• Add new category
• View category list
• View linked fruit count
• Edit category name
• Delete category only when no fruits are linked
• Order management
• View all customer orders
• Search orders by customer name
• Search orders by mobile number
• Search orders by order ID
• Filter orders by status
• View full order details in modal
• View ordered items
• View delivery address
• View payment type
• Update order status
• Move order from Pending to Packed
• Move order from Packed to Out for Delivery
• Move order to Delivered
• Move order to Cancelled
• Customer management
• List all customers
• Search customers
• Filter customers
• Edit customer name
• Edit customer mobile
• Edit customer address
• Activate customer account
• Deactivate customer account
• Prevent admin accounts from being deactivate

• User registration in this final year project
• User login
• JWT-based session stored in localStorage
• User logout
• Landing page
• Store highlights section
• Trust badges
• Category quick links
• Featured fruits grid
• How-it-works section
• Browse fruits
• View all active fruits
• Filter fruits by category
• Search fruits by fruit name
• Sort fruits by newest
• Sort fruits by name
• Sort fruits by price low to high
• Sort fruits by price high to low
• Add fruit to cart directly from listing
• Fruit detail page
• View product image
• View fruit description
• View price
• View unit
• View stock
• Quantity stepper
• Add to cart
• View related fruits from same category
• Shopping cart
• View cart items with images
• Increase quantity
• Decrease quantity
• Remove items
• View order summary
• Free delivery logic above ₹500
• Proceed to checkout
• Checkout page
• Auto-fill customer details from profile
• Edit delivery name
• Edit mobile number
• Edit delivery address
• Select payment type
• Cash on Delivery option
• UPI option
• Card option
• Online Payment option
• Place order
• Clear cart after order placement
• My Orders page
• View past and current orders
• Filter orders by status
• View order ID
• View order date
• View ordered items
• View order total
• View payment type
• View delivery address
• Cancel pending orders
• Profile page
• View profile details
• Update name
• Update mobile number
• Update default address
• Change password with old and new password validation

• Full-stack MERN architecture in this final year project
• React 18 frontend
• React Router v6 routing
• Vite development setup
• Custom CSS styling with Plus Jakarta Sans
• Axios HTTP client
• Node.js backend
• Express.js REST API
• MongoDB database
• Mongoose ODM
• JWT authentication
• bcryptjs password hashing
• Multer product image upload
• Nodemon development tool
• Morgan logging support
• Product image storage in backend uploads folder
• Cart data persisted in browser localStorage
• JWT token persisted in localStorage using oftoken
• Product search and sorting
• Category filtering
• Order status tracking
• Order payment type storage
• Admin dashboard analytics
• Revenue and order statistics
• Customer activation/deactivation
• Product activation/deactivation
• Seed database support
• Dummy data for quick testing
• Production frontend build support
• Backend production start support

The technology stack includes React, Vite, React Router, Axios, Node.js, Express.js, MongoDB, Mongoose, JWT, bcryptjs, Multer, Nodemon, and Morgan

Technology Used

Step 1: Install backend dependencies

cd backend

npm install

Step 2: Install frontend dependencies

cd ../frontend

npm install

Step 3: Configure backend environment

Create or update backend/.env:

MONGO_URI=mongodb://localhost:27017

MONGO_DB_NAME=onlineFruitOrder

JWT_SECRET=your_jwt_secret_here

NODE_ENV=development

PORT=5000

Step 4: Configure frontend environment

Optional frontend/.env:

VITE_API_BASE_URL=http://localhost:5000

If VITE_API_BASE_URL is not set, the frontend defaults to http://localhost:5000.

Step 5: Start MongoDB

Make sure MongoDB is running locally or update MONGO_URI with a MongoDB Atlas connection string.

Step 6: Seed the database

cd backend

npm run seed

The seed script clears existing data and inserts sample admin users, customer users, categories, fruits, and sample orders.

Step 7: Run backend

Open Terminal 1:

cd backend

npm run dev

Backend runs at:

http://localhost:5000

Step 8: Run frontend

Open Terminal 2:

cd frontend

npm run dev

Frontend runs at:

http://localhost:5173

Available after running npm run seed in the backend folder.

Admin Panel Login

Customer Login

All customer accounts use:

Password@123