> sheikh_hasib.dev
back_to_projects
table: projects / row: tripverse

TripVerse

live

Curated travel booking & marketplace platform

TripVerse screenshot
tech_stack
Next.js 16TypeScriptTailwind CSS 4shadcn/uiRadix UITanStack QueryZustandReact Hook FormZodjsonwebtokenCloudinaryRechartsFramer Motionsonner
overview

A full-stack travel booking platform that connects travellers with trusted local agents. Curated tour packages span Bangladesh's beaches, tea estates, and mangrove forests, with the complete journey handled in one app — browsing and filtering by category, budget, and duration, a secure payment checkout, agent-approved bookings, and post-trip ratings and reviews. Role-based dashboards for Traveller, Agent, and Admin deliver a JWT-secured experience backed by an Express + Prisma + PostgreSQL API proxied same-origin through Next.js rewrites.

key_features
  • End-to-end booking lifecycle — discover, book, confirm, pay, and review — with agent approval and a secure payment gateway.
  • Role-scoped Traveller, Agent, and Admin dashboards with Recharts analytics, guarded by JWT access/refresh token pairs in Next.js proxy middleware.
  • Fully typed data flow: react-hook-form + Zod schemas, TanStack Query for server state, Zustand for client state, and a Tailwind 4 + shadcn/ui design system.
challenges

Securing a three-role platform end to end — issuing and refreshing JWT pairs, validating them in Next.js proxy middleware, and proxying every API call same-origin through rewrites so auth cookies never cross a CORS boundary.

future_improvements

Add real-time booking notifications, bring back wishlist and dedicated payment pages, and ship an admin contact inbox.