BD Travel Spirit Support System
A comprehensive admin/support dashboard for a Bangladesh travel platform. Manages guide registration & approval, support employees & payroll, tour packages, travel articles, threaded comment moderation, real-time chat, and analytics — all under role-based access control (TRAVELER, GUIDE, ASSISTANT, SUPPORT, ADMIN).
Aug 2025 - July 2026
Next.js 15React 19TypeScriptMongoDBMongooseZustandZodTailwind CSSRadix UI / shadcn/uiFramer MotionRechartsAxiosJWTCloudinarySentry
Read-Only Credentials
Demo Credentials
devlearner0@gmail.com123aA1!123Features
- 4-step guide registration workflow with document upload & Bangladesh-specific validation (district/postal code)
- Guide application review
- approval
- and document verification system
- Employee CRUD
- shift tracking
- and 30-day payroll cycle
- 150+ field tour management system with itineraries
- pricing
- and policies
- Threaded comment moderation system
- Real-time customer support chat via WebSocket events
- 9-tab analytics dashboard with KPIs
- charts
- and section-based data fetching
- ML-driven recommendation signals (11 interaction event types
- content embeddings
- search intelligence)
- Cloudinary-based asset pipeline with SHA256 deduplication
- Role-based access control (TRAVELER
- GUIDE
- ASSISTANT
- SUPPORT
- ADMIN)
Challenges
- Designing a normalized
- multi-level caching system across Zustand stores (entity + query caching) for companies
- tours
- and employees
- Building a resumable multi-step guide registration flow with localStorage persistence and email-based access tokens
- Implementing Bangladesh-specific geographic validation (division/district/postal code matching)
- Coordinating asset reference counting and transaction safety for Cloudinary uploads
What I Learned
- Structuring large Next.js App Router projects with clear separation between presentation
- application
- and data tiers
- Using Zod schemas for strict validation of multi-step forms and API payloads
- Implementing WebSocket-based real-time features (chat
- notifications) alongside a REST/mock API layer
- Designing DTO-consistent mock APIs with Faker.js to enable frontend development ahead of backend completion
View Full Screen
View Full Screen
View Full Screen
View Full Screen
