Skip to content
Β 
Β 

Repository files navigation

StepThrough Banner

πŸ›οΈ StepThrough

Navigate Life. One Step at a Time.

An AI-powered life-navigation platform that helps Indian citizens discover, understand, and complete government services β€” from passports to scholarships β€” with guided step-by-step journeys.

VercelΒ  Hugging FaceΒ  GitHub

Next.js React TypeScript FastAPI Llama 3 License


🎯 The Problem

"Indian citizens miss β‚Ή2.7 lakh crore in unclaimed government benefits every year β€” not because they're ineligible, but because the process is too complex to navigate."

Applying for government services in India is fragmented, confusing, and intimidating. Citizens face:

  • Information overload β€” 700+ central & state schemes, each with unique portals
  • Procedural complexity β€” multi-step processes spanning weeks with no clear guidance
  • Document anxiety β€” unclear requirements leading to repeated rejections
  • Zero tracking β€” no unified view of where you stand across multiple applications

StepThrough solves this by transforming every government process into a clear, trackable, guided journey.


✨ Key Features

🧭 Guided Step-by-Step Journeys

Every service β€” from applying for a passport to filing ITR β€” is broken down into bite-sized, actionable steps with estimated timelines, required documents, and pro tips at each stage.

πŸ€– AI Mentor (Powered by Meta Llama 3)

An intelligent assistant trained on Indian government procedures that can:

  • Answer questions about any scheme or process in plain language
  • Generate personalized action plans based on your profile
  • Provide real-time guidance with document checklists

πŸ›οΈ Government Schemes Explorer

A comprehensive, searchable catalog of 60+ government schemes across 12 categories:

Category Examples
πŸͺͺ Identity & KYC Aadhaar, PAN Card, Voter ID, Driving License
✈️ Passport & Visa Fresh Passport, Renewal, Tatkal, PCC
πŸ’° Finance & Tax ITR Filing, PM Jan Dhan, MUDRA Loans, GST
πŸŽ“ Education National Scholarships, PM Vidyalakshmi, Skill India
🀝 Welfare PM Awas Yojana, Ayushman Bharat, e-Shram
πŸ₯ Healthcare ABHA Health ID, Jan Aushadhi, PMJAY
🌾 Agriculture PM-KISAN, Fasal Bima, KCC
πŸš€ Business & Startup Startup India, Stand-Up India, Udyam

πŸ“„ Smart Document Center

Track, upload, and manage all your essential documents in one place with:

  • Status tracking (Missing β†’ Uploaded β†’ Verified)
  • Expiry alerts and renewal reminders
  • Cross-referencing with active journey requirements

πŸ“Š Personalized Dashboard

  • Real-time progress tracking across all active journeys
  • Smart action prioritization based on deadlines and urgency
  • Achievement system to gamify the process
  • Awareness score that grows as you discover more schemes

πŸ” Authentication

  • Email/password registration and login
  • Google OAuth integration
  • Persistent session management via Zustand

πŸŒ™ Dark Mode

Full dark/light theme support with smooth transitions, designed for extended reading sessions.


πŸ—οΈ Architecture

β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”
β”‚                      FRONTEND                            β”‚
β”‚               Next.js 16 + React 19 + TypeScript         β”‚
β”‚                                                          β”‚
β”‚  β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β” β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β” β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β” β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”     β”‚
β”‚  β”‚Dashboard β”‚ β”‚ Journey  β”‚ β”‚ Schemes  β”‚ β”‚ AI Chat  β”‚     β”‚
β”‚  β”‚  View    β”‚ β”‚  View    β”‚ β”‚ Explorer β”‚ β”‚  Guide   β”‚     β”‚
β”‚  β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜ β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜ β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜ β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜     β”‚
β”‚  β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β” β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β” β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”                  β”‚
β”‚  β”‚ Document β”‚ β”‚Onboardingβ”‚ β”‚   Auth   β”‚                  β”‚
β”‚  β”‚  Center  β”‚ β”‚   Flow   β”‚ β”‚   Page   β”‚                  β”‚
β”‚  β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜ β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜ β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜                  β”‚
β”‚                                                          β”‚
β”‚  State: Zustand (persisted) β”‚ Animations: Framer Motion  β”‚
β”‚  Charts: Recharts           β”‚ Icons: Lucide React        β”‚
β”‚  Styling: TailwindCSS 4     β”‚ Themes: next-themes        β”‚
β”‚                                                          β”‚
β”‚                  Deployed on: Vercel                     β”‚
β”œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€
β”‚                      BACKEND                             β”‚
β”‚               Python FastAPI + Gradio                    β”‚
β”‚                                                          β”‚
β”‚  β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”    β”‚
β”‚  β”‚  /api/schemes       β†’ Scheme catalog + search    β”‚    β”‚
β”‚  β”‚  /api/schemes/:slug β†’ Step-by-step details (AI)  β”‚    β”‚
β”‚  β”‚  /api/chat          β†’ AI Mentor conversation     β”‚    β”‚
β”‚  β”‚  /api/auth/*        β†’ User authentication        β”‚    β”‚
β”‚  β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜    β”‚
β”‚                                                          β”‚
β”‚  AI: HuggingFace Inference API (Meta-Llama-3-8B-Instruct)β”‚
β”‚  Fallback: Pre-compiled rule-based guides                β”‚
β”‚                                                          β”‚
β”‚               Deployed on: Hugging Face Spaces           β”‚
β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜

πŸš€ Quick Start

Prerequisites

Tool Version
Node.js β‰₯ 18.x
npm β‰₯ 9.x
Python β‰₯ 3.9 (for backend)

1️⃣ Clone the repository

git clone https://github.com/nishtha-agarwal-211/StepThrough.git
cd StepThrough

2️⃣ Install frontend dependencies

npm install

3️⃣ Run the development server

npm run dev

Open http://localhost:3000 to see StepThrough in action.

4️⃣ Backend setup (optional β€” for AI features)

cd backend
python -m venv venv
source venv/bin/activate   # On Windows: venv\Scripts\activate
pip install -r requirements.txt

Set your Hugging Face token:

export HF_TOKEN=your_huggingface_token

Start the backend:

uvicorn app:app --reload --port 7860

πŸ“ Project Structure

StepThrough/
β”œβ”€β”€ src/
β”‚   β”œβ”€β”€ app/
β”‚   β”‚   β”œβ”€β”€ api/              # Next.js API routes (auth, schemes, user)
β”‚   β”‚   β”œβ”€β”€ auth/             # Authentication page
β”‚   β”‚   β”œβ”€β”€ globals.css       # Design system & theme tokens
β”‚   β”‚   β”œβ”€β”€ layout.tsx        # Root layout with fonts & theme
β”‚   β”‚   β”œβ”€β”€ page.tsx          # Main app entry with routing
β”‚   β”‚   └── icon.png          # App favicon
β”‚   β”œβ”€β”€ components/
β”‚   β”‚   β”œβ”€β”€ assistant/        # AI chat guide & assistant panel
β”‚   β”‚   β”œβ”€β”€ dashboard/        # Stats grid, cards, action items
β”‚   β”‚   β”œβ”€β”€ documents/        # Document management center
β”‚   β”‚   β”œβ”€β”€ journey/          # Step-by-step journey tracker
β”‚   β”‚   β”œβ”€β”€ layout/           # App shell & navigation
β”‚   β”‚   β”œβ”€β”€ onboarding/       # Multi-step onboarding wizard
β”‚   β”‚   β”œβ”€β”€ schemes/          # Government schemes explorer
β”‚   β”‚   β”œβ”€β”€ theme-provider.tsx
β”‚   β”‚   └── theme-toggle.tsx
β”‚   └── lib/
β”‚       β”œβ”€β”€ data.ts           # Seed data for opportunities & journeys
β”‚       β”œβ”€β”€ schemes-data.ts   # 60+ government schemes catalog
β”‚       β”œβ”€β”€ store.ts          # Zustand state management
β”‚       β”œβ”€β”€ types.ts          # TypeScript type definitions
β”‚       └── utils.ts          # Utility functions
β”œβ”€β”€ backend/
β”‚   β”œβ”€β”€ app.py                # FastAPI + Gradio backend
β”‚   β”œβ”€β”€ schemes_data.py       # Python schemes data mirror
β”‚   β”œβ”€β”€ requirements.txt      # Python dependencies
β”‚   └── Dockerfile            # HuggingFace Spaces container
β”œβ”€β”€ public/
β”‚   └── assets/               # Images & static assets
β”œβ”€β”€ next.config.ts
β”œβ”€β”€ vercel.json               # Vercel deployment config
β”œβ”€β”€ package.json
└── tsconfig.json

🎨 Design System

StepThrough uses a carefully crafted design language inspired by Indian government trust aesthetics combined with modern SaaS premium UX:

Token Light Mode Dark Mode Purpose
--st-accent-gold #E06A3B #E06A3B Primary saffron accent
--st-accent-mocha #0A3054 #93C5FD Official navy blue
--st-accent-success #15803D #4ADE80 Eligibility & progress
--st-bg-base #FAFAF9 #0B1120 Page background
--st-text-primary #0F172A #F1F5F9 Primary text

Typography: Inter (body) + Space Grotesk (headings) via next/font


🌐 Deployment

Frontend β€” Vercel

The frontend is deployed on Vercel with automatic Git-based deployments.

Live URL: nishtha-step-through.vercel.app

Backend β€” Hugging Face Spaces

The Python backend runs as a Gradio + FastAPI app on Hugging Face Spaces with Docker.

Live URL: huggingface.co/spaces/nishtha-agarwal-211/StepThrough


πŸ› οΈ Tech Stack

Layer Technology Purpose
Framework Next.js 16 App router, SSR, API routes
UI Library React 19 Component-based UI
Language TypeScript 5 Type safety
Styling TailwindCSS 4 Utility-first CSS
State Zustand Lightweight state management
Animations Framer Motion Smooth transitions & micro-interactions
Charts Recharts Data visualization
Icons Lucide React Consistent icon system
Theming next-themes Dark/Light mode
Backend FastAPI + Gradio Python API server
AI Model Meta Llama 3 8B Instruct Conversational AI mentor
AI API HuggingFace Inference Model hosting & inference
Frontend Host Vercel Edge deployment
Backend Host HuggingFace Spaces GPU-backed hosting

🀝 Contributing

Contributions are welcome! Here's how to get started:

  1. Fork the repository
  2. Create a feature branch (git checkout -b feature/amazing-feature)
  3. Commit your changes (git commit -m 'feat: add amazing feature')
  4. Push to the branch (git push origin feature/amazing-feature)
  5. Open a Pull Request

πŸ‘©β€πŸ’» Authors

Nishtha Agarwal
Nishtha Agarwal
Anant Sharma
Anant Sharma
Vikas Sharma
Vikas Sharma

πŸ“„ License

This project is open-sourced under the MIT License.


StepThrough Logo

StepThrough β€” Making government services accessible, one step at a time.
Built with ❀️ for every Indian citizen.

About

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages