A modern Full-Stack India Travel & Tourism Website featuring intelligent destination discovery, personalized itinerary planning, hidden gems exploration, Supabase authentication, dynamic travel data, and a responsive premium user experience.
WanderSphere is a modern full-stack India travel and tourism website designed to provide travelers with an immersive digital experience for discovering destinations across India.
The website allows users to explore Indian states, cities, attractions, hidden gems, nearby destinations, weather information, interactive maps, and personalized travel itineraries.
The platform also includes user authentication, saved trips, wishlist management, itinerary generation, downloadable itinerary PDFs, and a responsive ocean-inspired interface designed around a modern glassmorphism experience.
- 🌊 Immersive Ocean WebGL Background
- 🇮🇳 India Travel & Tourism Discovery
- 🗺️ Interactive Destination Exploration
- 📍 State, City & Attraction Discovery
- 💎 Hidden Gems Exploration
- 📌 Nearby Destination Discovery
- 🌤️ Live Weather Information
- 🔎 Destination Search
- 🗺️ Interactive Map
✈️ Personalized Travel Itinerary Planning- 📅 Day-by-Day Trip Planning
- 💾 Saved Trips Management
- ❤️ Wishlist Management
- 📄 Downloadable Itinerary PDF
- 👤 User Profile Management
- 🔐 Supabase Authentication
- 🌓 Day/Night Theme
- 📱 Fully Responsive Design
- ⚡ Fast & Interactive UI
- 🖥️ Production Deployment on Vercel
| Technology | Usage |
|---|---|
| Next.js | Full-Stack Web Framework |
| React | User Interface |
| TypeScript | Type-Safe Development |
| CSS | Styling & Responsive Design |
| Supabase | Authentication & Backend |
| PostgreSQL | Application Database |
| OpenWeather | Weather Information |
| Pexels | Destination Photography |
| WebGL | Interactive Ocean Background |
| Vercel | Deployment & Hosting |
WanderSphere/
│
├── public/
│ ├── images/
│ ├── banner.png
│ ├── favicon.ico
│ └── ...
│
├── src/
│ ├── app/
│ │ ├── api/
│ │ │ └── search/
│ │ ├── auth/
│ │ ├── city/
│ │ │ └── [id]/
│ │ ├── dashboard/
│ │ ├── itinerary/
│ │ ├── map/
│ │ ├── place/
│ │ │ └── [id]/
│ │ ├── profile/
│ │ ├── globals.css
│ │ ├── layout.tsx
│ │ └── page.tsx
│ │
│ ├── components/
│ │ ├── sections/
│ │ ├── ui/
│ │ └── ...
│ │
│ ├── data/
│ ├── hooks/
│ ├── lib/
│ ├── store/
│ ├── styles/
│ ├── types/
│ └── middleware.ts
│
├── .env.example
├── .gitignore
├── next.config.js
├── package.json
├── package-lock.json
├── postcss.config.js
├── tailwind.config.js
├── tsconfig.json
└── README.md
```text
✅ Full-Stack India Travel & Tourism Website
✅ Modern Next.js & React Architecture
✅ India State, City & Attraction Dataset
✅ Hidden Gems Discovery System
✅ Personalized Travel Itinerary Planner
✅ Interactive Map & Destination Exploration
✅ Supabase Authentication
✅ Saved Trips & Wishlist Management
✅ Live Weather Information
✅ Pexels Destination Photography
✅ Downloadable Itinerary PDF
✅ Responsive Mobile & Desktop UI
✅ Ocean WebGL Background
✅ Day/Night Theme Experience
✅ Modern Glassmorphism UI/UX Design
✅ Vercel Production Deployment
Mathu Bharathi A
Biomedical Engineer • Full Stack Developer • Graphic Designer
This project is developed for WanderSphere and portfolio purposes.
© 2026 WanderSphere. All Rights Reserved.