An immersive web application showcasing India's rich cultural heritage, 3D museum artifacts, interactive travel planning, photorealistic gallery, and gamified quiz experiences.
Chalo Dekhe Bharat (Explore India) is an interactive, modern web experience designed to showcase the vibrant diversity, art, heritage, and geography of India. Built with Next.js 15, React 19, Three.js, and Tailwind CSS v4.
- Framework: Next.js 15 (App Router)
- UI Library: React 19
- Styling: Tailwind CSS v4 & Custom HSL Theme Design System
- Icons: Lucide React
- Component Utilities:
clsx,tailwind-merge,class-variance-authority
- 3D Engine: Three.js
- React 3D Binding:
@react-three/fiber&@react-three/drei - Animations: Framer Motion v12
- Smooth Scroll:
lenis
- Node.js (v18.17 or v20+ recommended)
npmoryarnorpnpm
git clone https://github.com/your-username/chalo-dekhe-bharat.git
cd "chalo-dekhe-bharat"
npm installCreate a .env.local file in the project root:
NEXT_PUBLIC_SUPABASE_URL=your_supabase_project_url
NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key
GEMINI_API_KEY=your_gemini_api_keynpm run devOpen http://localhost:3000 in your browser.
This repository includes a pre-configured netlify.toml file optimized for Next.js 15 App Router.
- Push your code to GitHub.
- Log in to Netlify and click Add new site → Import an existing project.
- Select your GitHub repository.
- Netlify will automatically detect the build settings from
netlify.toml:- Build Command:
npm run build - Publish Directory:
.next
- Build Command:
- (Optional) Add your environment variables under Site settings → Environment variables.
- Click Deploy site.
Crafted with ❤️ by Tech Mobius