JainSetu is a full-stack, AI-powered web platform designed to modernize how users discover, learn, and engage with Jain philosophy, temples, Tirthankars, and cultural heritage.
It combines interactive geospatial experiences, structured knowledge systems, and LLM-powered intelligence to deliver a scalable and immersive learning ecosystem.
🚧 This project is actively evolving with continuous feature expansion and improvements.
JainSetu provides a comprehensive ecosystem for discovering and understanding Jain philosophy and culture through modern web technologies.
The platform enables users to:
- Explore Jain temples using an interactive map with advanced filtering and search capabilities
- Learn about Tirthankars through structured, section-based biographies
- Generate AI-powered summaries for faster understanding of complex narratives
- Discover festivals, rituals, and significant historical events in an engaging visual format
- Interact with an intelligent chatbot powered by Groq AI and LangChain (RAG) for contextual query resolution
The system is designed with scalability in mind, supporting future enhancements such as gamified learning modules, community-driven contributions, multilingual support, and personalized experiences.
-
🗺️ Temple Exploration System
- Interactive map-based discovery using Mapbox
- Advanced filters (location, Tirthankar, architecture, search)
- Dynamic modal with temple details, images, and insights
-
🤖 AI-Powered Assistant
- Context-aware chatbot using Groq AI + LangChain (RAG)
- Natural language query handling for temple-related information
- Dynamic AI-generated summaries for Tirthankar biographies
-
👑 Tirthankar Knowledge Explorer
- Structured biographies (early life, royal life, diksha, teachings)
- Section-based navigation for better readability
- On-demand AI summarization for quick understanding
-
🎉 Festivals & Cultural Showcase
- Masonry grid layout for visual exploration
- Highlights Jain festivals, rituals, and key historical events
- Designed for scalable content expansion
-
📖 Stories Module (In Progress)
- Card-based story interface with expandable views
- Focus on moral and philosophical storytelling
- Structured for future enhancements and recommendations
-
📩 Contact & Form System
- Multi-step form with validation using Zod + React Hook Form
- Smooth user experience with step-wise progression
- Backend-ready integration with Supabase
-
🎨 Modern UI & Design System
- Responsive, component-driven architecture
- Consistent design language across pages
- Smooth animations powered by Framer Motion
-
⚙️ Scalable Architecture
- Modular component structure for maintainability
- API-driven design using Next.js API routes
- Designed for future features like learning modules and gamification
JainSetu follows a layered, scalable architecture combining modern frontend frameworks, API orchestration, and an AI-powered retrieval system.
┌──────────────────────────────┐
│ End User │
│ (Browser / Client) │
└──────────────┬───────────────┘
↓
┌────────────────────────────────────────────┐
│ Frontend Layer │
│ Next.js (App Router) + React + TS │
│--------------------------------------------│
│ • UI Components (Temples, Tirthankars) │
│ • State Management │
│ • Chat Interface │
│ • Forms & Validation │
└──────────────┬─────────────────────────────┘
↓
┌────────────────────────────────────────────┐
│ API / Application Layer │
│ Next.js API Routes │
│--------------------------------------------│
│ • /api/chat (AI queries) │
│ • /api/summary (AI summarization) │
│ • Request validation & processing │
└───────┬───────────────┬────────────────────┘
↓ ↓
┌───────────────────────┐ ┌────────────────────────┐
│ AI Layer │ │ Data Layer │
│-----------------------│ │------------------------│
│ • LangChain (RAG) │ │ • JSON datasets │
│ • Context Retrieval │ │ • Supabase (scalable) │
│ • Prompt Engineering │ │ • Data access logic │
│ • Groq LLM API │ └────────────┬───────────┘
└────────────┬──────────┘ ↓
↓ ┌────────────────────────────┐
┌────────────────────────┐ │ External Services Layer │
│ LLM Processing │ │----------------------------│
│ (Groq Inference) │ │ • Mapbox (Maps & Markers) │
└────────────────────────┘ │ • Supabase APIs │
└────────────────────────────┘
User Query
↓
Frontend (Chat UI)
↓
API Route (/api/chat)
↓
LangChain Pipeline
├── Retrieve relevant context (temples / tirthankars)
├── Construct prompt
↓
Groq LLM API
↓
Generated Response
↓
Return to Frontend UI
User selects filters/search
↓
Frontend state update
↓
Fetch temple dataset (Supabase API)
↓
Apply filtering logic
↓
Render markers using Mapbox
↓
User clicks marker
↓
Dynamic modal displays temple details
- Server-side rendering via Next.js
- Lazy loading components
- Efficient API handling
- Future: caching AI responses
- Frontend: Next.js 16 (App Router), React, TypeScript
- Styling & UI Icons: Tailwind CSS, Lucide React
- Animations: Framer Motion
- Forms & Validation: React Hook Form + Zod
- Backend: Next.js API Routes
- Database: Supabase
- AI Integration: Groq AI API, LangChain (RAG), @ai/react
- Maps & Geolocation: Mapbox API
- Maps & Geolocation: Mapbox API
app/
├── api/ # API routes (AI, chatbot, summaries)
├── components/
│ ├── chatbot/
│ ├── contact/
│ ├── masonry-grid/
│ ├── navbar/
│ ├── sections/
│ ├── temples/
│ ├── tirthankars/
│ └── form/
├── explore/
├── page.tsx
data/
├── temples.json
├── tirthankars.json
lib/
├── supabase-client.ts
├── fetch-temples.ts
types/
├── temples.ts
.env.localCreate a .env.local file:
NEXT_PUBLIC_SUPABASE_URL=
NEXT_PUBLIC_SUPABASE_ANON_KEY=
MAPBOX_ACCESS_TOKEN=
GROQ_API_KEY=
# Clone repo
git clone https://github.com/Krisha1703/jain-setu.git
# Install dependencies
npm install
# Run development server
npm run dev🔗 Website: https://jain-setu.vercel.app
- Learn modules with quizzes & gamification
- Reward & redemption system
- Peer-to-peer item exchange
- Global temple expansion
- Personalization & user accounts
JainSetu is continuously improving.
If you:
- Have ideas for new features
- Want to enhance existing functionality
- Identify areas for refinement
Feel free to open an issue or contribute — feedback is always welcome. krishabotadara@gmail.com