India's first personalised, all-in-one, pan-industrial career platform, powered by Google's latest AI models, Cloud features, and real-time career intelligence.
Growgle is built on a 4.7 million token premium-quality RAG vector database — the first, largest, and most diverse of its kind in India. It analyses career volatility through under-explored lenses like business psychology, administrative-policy frameworks, economic shifts, and international geopolitics.
Our engines are fuelled by premium domestic and international data retrieved from renowned Indian and international research organizations, MNC growth statistics, business outlook reports, government agencies and ministries, Google Data Commons statistics, and think-tank research publications.
From keeping users ahead with the latest job opportunities and region-based work culture insights, to designing customised, multi-dimensional career growth plans — Growgle is the common path for Google and India towards realising Viksit Bharat by 2047.
An intelligent conversational assistant with five specialized interaction modes:
- Learning Mode — Step-by-step concept explanations, algorithm patterns, data structures, and language comparisons
- Interview Mode — Mock technical & behavioral interviews, system design challenges, salary negotiation practice
- Mentorship Mode — Career transition strategy, skills gap assessment, professional networking, and personal branding
- Explore Mode — Career path discovery, emerging tech trends, remote opportunities, and industry analysis
- Roadmap Mode — 90-day plans, structured learning schedules, portfolio projects, and certification journeys
Additional AI chat capabilities:
- Voice Input — Speak naturally; real-time speech-to-text via microphone
- Text-to-Speech — AI responses read aloud with a single click
- Multilingual Support — Auto-detect regional languages (Tamil, Hindi, Telugu, Malayalam, Kannada, and more); responses translated back to your language
- File & Image Uploads — Attach PDFs and images directly in chat
- Chat History — Persistent sessions stored in the cloud; searchable, filterable, and exportable as
.txt - Typewriter Effect — Smooth character-by-character rendering of AI responses
A full-featured job discovery engine:
- AI-Matched Featured Jobs — Agent-curated job recommendations with dynamic Fit Scores (0–100%)
- Live Job Feed — Real-time job listings fetched from the backend (up to 25 latest openings)
- Smart Filters — Filter by skills, experience level, work type (Remote / Hybrid / On-site), region, and industry
- Keyword Search — Search across job title, company, and location simultaneously
- Save & Track — Bookmark any job; toggle saved-only view; status synced back to the backend
- Interview Prep Assistant — AI-generated interview questions and key skill focus areas for any job listing
- Market Insights Dashboard — At-a-glance stats: total recommendations, trending domains, top skills, and saved count
- Regional Job Map — City-wise job counts and growth percentages across major Indian tech hubs
A personalised command centre for your career progress:
- Key Metrics — Live tracking of Skills Mastered, Career Score, Courses Completed, and Certifications
- Skill Progress Bars — Animated progress indicators with target levels per skill
- AI Career Plan — Auto-generated personalised career plan from the backend agent pipeline
- Recommended Jobs — Top AI-matched job opportunities surfaced directly on the dashboard
- Upcoming Milestones — Priority-tagged roadmap milestones with deadline and progress tracking
- Recent Activity Feed — Latest actions across courses, roadmaps, skills, and achievements
- Google Calendar Integration — Sync and view upcoming events; refresh on demand
- Google Tasks Integration — Quick-view of pending tasks with due dates linked to Google Tasks
AI-generated, multi-phase learning roadmaps:
- Instant Roadmap Generation — Enter a target role/course, current skills, experience level, and duration to generate a structured roadmap with milestones
- Multi-Roadmap Tracking — Manage multiple concurrent learning paths
- Phase & Milestone Breakdown — Each roadmap has phases containing milestones typed as course, project, or certification
- Animated Progress Tracking — Smooth progress bar animations per roadmap; overall progress aggregated
- Auto-Refresh — Polls every 30 seconds to catch agent-generated updates
- Detailed Roadmap View — Navigate into any roadmap for a granular phase-by-phase breakdown
Stay ahead with real-time market intelligence:
- Trending Skills — AI-curated cards showing demand level, growth percentage, and average salary per skill
- Personalised Industry News — Contextual news articles tagged by category (AI/ML, Cloud, Security, etc.) with impact level indicators
- Government Policies & Regulations — Relevant policy updates with region, status, deadline, and affected roles
- Market Insights — Top news sources, article volume trends, and comparative daily metrics
- Emerging Technologies — Spotlight on cutting-edge tech and their growth stages
- GDELT Global Signals — Real-time global news search powered by GDELT; configurable by query, timespan (1h–7d), source country, and language
A comprehensive profile management and resume toolkit:
- Tabbed Profile Editor — Manage Personal Info, Resume, Skills & Experience, Preferences, and Privacy & Security in one place
- Resume Upload — Upload existing PDF resumes; stored securely via cloud storage
- AI Resume Generation — Build a LaTeX-compiled, publication-ready PDF resume directly from your profile data
- AI Resume Enhancement — Score, analyse, and improve your resume with ATS scoring, keyword gap analysis, rewritten bullet points, and formatting notes
- Resume Analysis — Detailed ATS score, top fixes, keyword gap (missing / underrepresented / recommended additions), and rewritten bullet suggestions
- Skills Manager — Add, categorise, and level-rate skills; changes immediately reflected in the dashboard
- Experience & Education Entries — Structured CRUD for work history and academic background
- Social Links — GitHub, LinkedIn, Twitter, and personal website fields
- Notification Preferences — Toggle email alerts, push notifications, weekly reports, job alerts, and skill recommendations
- Profile Completeness — Live completeness score shown in the profile header
- Firebase-Backed Auth — Secure token-based authentication with JWT refresh flow
- Google OAuth — One-click sign-in with Google for calendar and tasks integration
- Google Material Design 3 — Clean, minimal, and intuitive component library
- Responsive Layout — Seamless experience across desktop, tablet, and mobile
- Framer Motion Animations — Micro-interactions, entrance animations, and animated progress bars throughout
- Accessibility — WCAG-compliant with focus management and semantic HTML
- Typewriter Rendering — Character-by-character streaming feel for AI responses
- Dark-Mode Ready — Design tokens structured for theme extensibility
| Layer | Technology |
|---|---|
| Framework | Next.js 15 with App Router |
| Styling | Tailwind CSS 4 with custom Material Design tokens |
| UI Library | MUI (Material UI v7) + custom component library |
| Animation | Framer Motion |
| Authentication | NextAuth.js (Google OAuth) + Firebase token auth |
| Charts | Recharts |
| Calendar | React Big Calendar |
| Icons | Lucide React + MUI Icons |
| HTTP Client | Axios |
| pdf-lib (client-side), LaTeX compile (server-side) | |
| Language | JavaScript (JSX) + TypeScript type definitions |
| Date Utils | date-fns |
- Node.js 18+
- npm or yarn
-
Clone the repository
git clone https://github.com/akshayks13/genai_frontend cd genai_frontend -
Install dependencies
npm install
-
Configure environment variables
Create a
.env.localfile in the project root and add the required variables:NEXT_PUBLIC_API_BASE_URL=<your_backend_api_url> NEXT_PUBLIC_API_PROMPT_URL=<your_prompt_api_url> NEXTAUTH_SECRET=<your_nextauth_secret> NEXTAUTH_URL=http://localhost:3000 GOOGLE_CLIENT_ID=<your_google_client_id> GOOGLE_CLIENT_SECRET=<your_google_client_secret>
-
Start the development server
npm run dev
-
Open in browser
Navigate to http://localhost:3000
# Development
npm run dev # Start development server with hot reload
# Production
npm run build # Build optimized production bundle
npm run start # Start production server
# Code Quality
npm run lint # Run ESLint
| Repository | Description |
|---|---|
| Growgle-GeoAI | Flask microservice that queries BigQuery, enriches results with Vertex AI / Gemma embeddings, and returns Gemini-powered contextual answers for geo and region-aware insights. |
| Growgle-CareerPulse | Modular Express.js ETL and analytics service that ingests news and job feeds into BigQuery and uses Vertex AI / Gemini to produce AI-curated career recommendations. |
| Growgle-Backend | Firebase-backed authentication and lightweight API layer for user identity, token refresh, and session management across all Growgle services. |
| Growgle-AutoApply | Python agent suite using Gemini Computer Use + Playwright to control Chromium via vision and action — automating job applications and complex web interactions. |
Growgle · India's AI-Powered Career Advisor
Empowering the next generation of professionals with AI-driven career intelligence.
The common path for Google and India towards Viksit Bharat 2047.
Built with ❤️ by the Growgle Team