Dashboard Overview: SkillBridge dashboard with quick access to lessons, mentors, and progress tracking for a smooth learning experience.
Resource Contribution: an open contribution section where users can suggest quality learning resources.
Lessons Discovery Page: All Lessons view with filters lets learners browse and join curated courses by category, skill level, and domain.
Mentor Discovery : Expert mentor discovery interface showing availability, expertise and pricing.
Booking Interface: Booking options to help learners connect with real-world professionals with displaying biographyand experience
Weekly Progress: Visual representation of user progress across the week.

SkillBridge – AI-Powered Microlearning & Mentorship Platform

Inspiration

The inspiration behind SkillBridge stemmed from a common challenge in online education: the lack of personalized, adaptive learning experiences. Millions of students and professionals often face fragmented resources, slow onboarding, and generic content that leads to disengagement, poor retention, and low completion rates. We envisioned a platform that not only delivers high-quality educational content but also intelligently adapts to each user's unique learning style, pace, and career goals while fostering a vibrant, real-world mentorship community.

The emergence of advanced AI models and modern backend services like Supabase and Bolt.new presented a unique opportunity to reimagine online learning as a fast, personalized, and connected experience transforming passive content consumption into an engaging and outcome-driven journey.

What It Does

SkillBridge is an AI-powered microlearning and mentorship platform that transforms how learners acquire knowledge, track progress, and receive real-time support. It provides an end-to-end personalized learning journey, combining intelligent content delivery, AI assistance, and human mentorship.

1. Instant Onboarding

Users can sign up effortlessly via Supabase Auth (email or social login).
An onboarding flow captures the learner’s goals, skill level, and interests to tailor content recommendations from day one.
The system eliminates friction learners get value within minutes of signing up.

2. Personalized Learning Paths

Based on onboarding data, users receive AI-curated micro-lessons relevant to their needs.
Lessons are short, focused, and trackable ensuring quick consumption and high retention.
Users can navigate topics at their own pace while maintaining a clear skill-building roadmap.

3. Lesson Playback with Live Progress Tracking

Video-based lessons include real-time tracking of:
- last_watched_position
- minutes_watched
- lessons_completed
These metrics feed into the user dashboard and streak-tracking system.

4. AI-Powered Study Companion

A built-in AI assistant (via DeepSeek API) enhances every lesson by providing:
- On-demand notes summarizing key concepts
- Auto-generated quizzes to test retention
- Conversational Q&A for immediate doubt resolution
The AI tailors its responses to the lesson context, enabling active, intelligent learning.

5. Real-World Mentorship

Users can connect with mentors matched based on their learning domain.
The platform supports live Q&A, mentor feedback, and potentially scheduling mentorship sessions.
This bridges the gap between AI-driven education and expert human guidance.

6. Gamified Learning Experience

Users are rewarded for consistency and progress via:
- Learning streaks
- Skill points
- Badges and milestone achievements
These are automatically updated using Supabase triggers and displayed on a personalized dashboard.

7. Dashboard & Analytics

Learners can visualize:
- Lessons completed
- Daily and total minutes watched
- Streak status
- Badges earned
This feedback loop promotes motivation and a sense of achievement.

8. Responsive, Cross-Platform Design

The application is fully responsive across mobile, tablet, and desktop devices.
Optimized with Tailwind CSS and tested for smooth UI transitions and intuitive navigation.

9. (Coming Soon) AI Mock Interviews & Adaptive Tests

Learners will be able to:
- Participate in AI-conducted mock interviews with instant feedback
- Take adaptive tests that evolve based on their performance
Results will integrate into the dashboard, helping users track readiness for real-world challenges like job interviews or certifications.

Summary

SkillBridge is more than just a learning app. It’s a smart, adaptive, and supportive learning ecosystem where:

You learn what matters
Get instant help from AI
Connect with mentors
Get rewarded for progress
See your growth every step of the way

How we built it

We followed an agile, iterative approach. Key implementation highlights:

Authentication & User Profiles: Built using Supabase Auth and secured using RLS.
Lesson Management: Developed components to play video lessons, track watch progress (minutes_watched, last_watched_position), and update streaks.
AI-Powered Learning: Connected to DeepSeek API to auto-generate contextual lesson summaries, quizzes, and provide real-time chatbot support.
Gamification System: Used Supabase triggers to award badges, maintain streaks, and calculate skill points dynamically.
Mentorship System: Created components to match users with mentors and allow Q&A-style interactions.
Responsive UI: Designed with Tailwind CSS to ensure smooth cross-device experience (mobile, tablet, desktop).

All components were integrated and deployed using Netlify, and Bolt.new helped in minimizing boilerplate and rapidly testing features.

Challenges we ran into

Prompt Engineering for AI: Getting consistent, high-quality responses from the DeepSeek API required intense iteration, experimentation, and structure in our prompts.
Video Sync Logic: Accurately capturing real-time video progress without excessive backend hits meant fine-tuning our useEffect hooks and debounce strategies.
Supabase Triggers & RLS: Implementing complex RLS policies and triggers (like update_user_stats, check_and_award_badges) was intellectually demanding, especially when balancing security and performance.

- Performance Optimization: Balancing rich UI elements (animations, real-time chat, video playback) with performance on low-end devices required careful profiling and refactoring.

Real-world Problem Solved

The Problem

Learning platforms fail to personalize
Low engagement due to passive content
Lack of mentorship access
Poor visibility into progress

Our Solution

Personalized learning through onboarding + AI
Active learning with quizzes and contextual AI Q&A
Human mentorship for real-world advice
Gamified dashboards to boost retention

Extraordinary Work

Lesson-aware AI: Quizzes and notes tied to content
Supabase triggers for badges, streaks
Mentor matching + AI hybrid support
Secure, scalable RLS-first backend

- Clean, animated, responsive UI

Accomplishments that we're proud of

End-to-End Personalized Learning Journey: We successfully built a fully functional platform that combines AI, gamification, and human mentorship into a seamless learning experience.
Real-Time Video Progress & Gamification: Implemented accurate tracking of user engagement (minutes_watched, last_watched_position) and developed Supabase triggers for streaks and badges.
Deep AI Integration: Designed and fine-tuned prompts for the DeepSeek API to generate lesson-aware notes, quizzes, and conversational support that adapts to the learner’s context.
Secure, Scalable Architecture: Leveraged Supabase’s Row Level Security (RLS) and PostgreSQL triggers to ensure secure data access and automatic logic for progress tracking and rewards.
Smooth Onboarding Experience: Created an instant sign-up and personalized onboarding flow that delivers learning value within minutes.

- Clean and Responsive UI: Designed a modern, mobile-friendly interface using React and Tailwind CSS, optimized for all device types.

What we learned

Prompt Engineering and AI Behavior: We deepened our understanding of how to write structured, layered prompts that consistently return high-quality, lesson-specific responses from large language models.
Supabase Triggers & RLS Mastery: Gained hands-on experience with advanced PostgreSQL features like row-level security policies and trigger functions, enabling automation and personalization.
Full-Stack Coordination: Learned how to coordinate frontend events with backend database operations using API calls and hooks to ensure real-time data synchronization without performance loss.
UX-Driven Development: Recognized the importance of crafting user-centric experiences that minimize friction, deliver instant feedback, and provide clear progress tracking.

- Agile Product Thinking: Understood the importance of quick iterations, tight feedback loops, and feature prioritization to deliver a functional MVP within the hackathon timeframe.

What's next for SkillBridge

AI Mock Interviews: Launching an interactive mock interview system that generates domain-specific questions, evaluates user responses, and provides actionable feedback using AI.
Adaptive Testing Engine: Developing a smart test system that generates questions based on user performance, identifies knowledge gaps, and adjusts difficulty dynamically.
Mentor Matching & Scheduling: Building a smarter mentor-discovery system with filtering, availability slots, and calendar integrations for live sessions.
Progress Insights & Certification: Enhancing the analytics dashboard with heatmaps, time-spent graphs, and issuing micro-certifications based on learning milestones.
Content Marketplace: Enabling external mentors and instructors to upload micro-courses, quizzes, and custom learning paths, creating a community-powered content ecosystem.