Turn your real day into a realistic learning plan.
An AI-powered learning planner (PWA) that fits your goals into the time you actually have.
🚀 Live Demo · Features · How It Works · Tech Stack · Getting Started
Most learning apps assume you have unlimited time. SkillSync AI doesn't. Tell it what your actual day looks like — work hours, commute, classes, sleep — pick a goal like Spanish, Python, or guitar, and it generates a realistic, milestone-based timetable that fits around your life instead of replacing it. The plan auto-reschedules when you miss a session, tracks your streaks, and syncs everything to your Google Calendar.
- 🧠 AI-Generated Study Plans — Powered by Google Gemini, the planner builds a personalised timetable from your schedule and goals
- 📅 Google Calendar Integration — Two-way sync keeps your learning sessions alongside the rest of your life
- 🔥 Streak Tracking — Visual progress indicators that reward consistency
- ♻️ Auto-Rescheduling — Missed a session? The plan adapts automatically without breaking your milestones
- 📚 Smart Resource Suggestions — Curated learning materials surfaced based on your chosen goal
- 📲 Progressive Web App (PWA) — Installable on mobile and desktop, with offline support
- ✉️ Email Notifications — Powered by Brevo for daily reminders and progress updates
- 🔐 Secure Authentication — Managed through Supabase Auth with Google sign-in
- Describe your day — Walk through a guided setup that captures your real schedule
- Pick a goal — Choose what you want to learn (language, skill, exam prep, hobby)
- Get your plan — Gemini generates a milestone-based timetable tailored to the time you actually have
- Stay on track — Sync to Google Calendar, get reminders, track streaks, and auto-reschedule when life happens
| Layer | Technologies |
|---|---|
| Frontend | Next.js, React, TypeScript, Tailwind CSS |
| Backend & Database | Supabase, PostgreSQL |
| AI | Google Gemini |
| Integrations | Google Calendar API, Brevo (Email) |
| Platform | Progressive Web App (PWA) |
| Deployment | Vercel |
# Clone the repository
git clone https://github.com/Parvjain15/SkillSyncAI.git
cd SkillSyncAI
# Install dependencies
npm install
# Set up environment variables
cp .env.example .env.local
# Add your Supabase, Gemini, Google, and Brevo keys to .env.local
NEXT_PUBLIC_SUPABASE_URL=
NEXT_PUBLIC_SUPABASE_ANON_KEY=
GEMINI_API_KEY=
GOOGLE_CLIENT_ID=
GOOGLE_CLIENT_SECRET=
BREVO_API_KEY=
# Run the development server
npm run devOpen http://localhost:3000 to view the app.
The project follows a standard Next.js App Router layout:
app/— Routes, layouts, and page componentscomponents/— Reusable UI components (planner, calendar widgets, dashboards)lib/— Supabase client, Gemini wrapper, Google Calendar helperspublic/— Static assets, manifest, and PWA icons
Parv Jain — Portfolio · LinkedIn · GitHub
If you found this project interesting, consider giving it a ⭐