Cab Booking Website - React NodeJSCab Booking Website - React NodeJS
Full stack cab booking website with 3-step wizard, WhatsApp confirmation, admin dashboard, fleet & tour management. Mobile reaCab Booking Website - React NodeJS
Full stack cab booking website with 3-step wizard, WhatsApp confirmation, admin dashboard, fleet ...
Overview
Full stack cab and taxi booking website built with React.js and Node.js. Perfect for taxi operators, travel agencies and tour businesses.
LIVE DEMO: devmali-cab.vercel.app
════════════════════════════════
FEATURES
════════════════════════════════
BOOKING SYSTEM
- 3-step booking wizard (Route → Vehicle → Confirm)
- Glass calendar date picker
- Smart vehicle filter by passenger count
- Trip types: One Way, Round Trip, Local, Airport
- WhatsApp auto-confirmation after booking
- Cash payment — no gateway needed
- Full booking summary before confirmation
ADMIN PANEL
- Secure JWT login
- Bookings management (Confirm / Cancel / Complete)
- Fleet management — Add, Edit, Hide, Delete vehicles
- Reviews management — Approve and feature reviews
- Tour packages management with price and duration
- Analytics dashboard with monthly charts
PAGES
- Home — Shader hero animation, particle text, destinations
- Booking — Full wizard with calendar and vehicle selection
- Tours — Packages with category filter and WhatsApp enquiry
- Reviews — Draggable stacked testimonial cards
- Admin — Full dashboard (protected route)
DESIGN & ANIMATIONS
- WebGL GLSL shader animated background
- Particle text effect on hero
- Framer Motion animations throughout
- Vortex particle footer (simplex-noise)
- Moving border cards
- Three.js dotted surface background
- Text scramble hover effect
- Loading screen with morphing spinner
- Floating nav (hides/shows on scroll)
- Mobile bottom navigation bar
TECHNICAL
- Fully mobile responsive (phones, tablets, desktops)
- SEO optimized (schema.org, meta tags, geo tags)
- Dark theme with warm orange accent
- Pre-loaded sample data via seed script
- Floating WhatsApp button on all pages
════════════════════════════════
REQUIREMENTS
════════════════════════════════
- Node.js v18 or higher
- MongoDB Atlas account (free tier works)
- Vercel account for frontend (free)
- Render account for backend (free)
- GitHub account for deployment
════════════════════════════════
INSTRUCTIONS
════════════════════════════════
1. Extract the ZIP file
2. Open CMD in backend folder → npm install → npm run dev
3. Run npm run seed to load sample data and admin account
4. Open CMD in frontend folder → npm install → npm start
5. Visit http://localhost:3000
Full step-by-step documentation PDF included in the package.
Features
3-Step Booking Wizard, Admin Dashboard, WhatsApp Integration, Fleet Management, Tour Packages, Mobile Responsive, SEO Optimized, JWT Auth, Dark Theme, Framer Motion Animations
Requirements
Node.js v18+, MongoDB Atlas (free), Vercel (free), Render (free), GitHub (free)
Instructions
1. Extract ZIP 2. cd backend → npm install → npm run dev 3. npm run seed 4. cd frontend → npm install → npm start 5. Open http://localhost:3000. Full PDF documentation included.
| Category | Scripts & Code / ReactJS |
| First release | 21 March 2026 |
| Last update | 21 March 2026 |
| Files included | .css, .html, Javascript .js |
| Tags | admin panel, mongodb, booking system, seo optimized, taxi booking, mobile responsive, node js, dark theme, travel website, whatsapp integration, full stack, framer motion, tour packages, react nodejs, cab website |








