Inspiration

Engineering students do not fail because they lack talent—they struggle because they lack direction. The transition from academic theory to corporate recruitment is filled with ambiguity: what tools to master, what projects to construct, and how to verify if a resume will bypass ATS screens. We created SkillBridge AI to solve this, bridging the gap between student competencies and employer expectations. Our mission is to move students away from directionless tutorial loops and into structured, job-ready pathways.

What it does

SkillBridge AI serves as a personalized career and placement mentor for engineering students.

  • Career Path Classification: Recommends ideal roles (e.g. Full Stack Developer, AI/ML Engineer) based on current student interests.
  • Skill-Gap Analyzer: Compares student competencies against real market requirements, highlighting missing target technologies.
  • 3-Level Learning Roadmaps: Generates Beginner, Intermediate, and Advanced timeline checklists synced to the database.
  • Placement Preparation Hub: Provides interactive coding challenges, aptitude drills, systems theory, and soft-skill templates with answer hints.
  • ATS Resume Audit: Evaluates resume layouts against strict formatting guidelines.
  • Live Applications Tracker: A clean pipelines tracker log to manage internship and job applications.

How we built it

We built the platform using Next.js 14 App Router, TypeScript, and Tailwind CSS.

  • Frontend: Designed a high-end glassmorphic SaaS interface, complete with concentric progress gauges and an interactive simulated AI predictor terminal.
  • Database & ORM: Configured a 9-table schema using Prisma ORM connecting to AWS Aurora PostgreSQL serverless instances (or serverless Neon.tech instances).
  • Double-Persistence Driver: Engineered a fallback database driver that automatically engages if DATABASE_URL is missing, reading and writing persistently to a local JSON database file. This ensures the app is instantly testable.
  • Hosting: Deployed the application on Vercel utilizing edge functions for server actions.

Challenges we ran into

Static Render Bails: Instantiating the Prisma client during static render phases in serverless environments caused Next.js build errors. We resolved this by lazy-loading the database client and forcing dynamic rendering on dashboards and analytics pages.

  • Lightweight Visuals: Crafting complex nested radial progress rings and interactive CLI consoles without bloating the application with heavy third-party canvas modules required engineering custom SVGs and pure Tailwind transitions.

Accomplishments that we're proud of

  • Built a beautiful, fully interactive glassmorphism control room that feels like a real startup SaaS dashboard.
  • Implemented a robust dual-mode persistence architecture that works with zero-setup fallback mode for quick reviews.
  • Engineered a concentric radial progress ring tracker representing multiple categories of student readiness.

What we learned

We gained experience managing serverless AWS Aurora PostgreSQL security group access, structuring complex multi-table Prisma relational schemas, and handling Next.js 14 Suspense bounds for search-params components.

What's next for Skill Bridge - AI Powered Placement Mentor

What's next for Skill Bridge - AI Powered Placement Mentor

  • AI Voice Mock Interviews: Integrate voice analysis APIs to conduct live technical checks and score students' spoken answers.
  • B2B Institution Dashboards: Build analytics dashboards for college placement offices to track aggregate student readiness metrics across departments.
  • ATS Direct Integrations: Add API connectors to sync student profile metrics directly with popular recruitment boards.

Built With

Share this project:

Updates