SkillBridge — SIH26044

Academia–industry skill-mapping platform: student skill profiles → gap analysis (AI-assisted) → internship/job matching → college-facing analytics.

Stack

React 19 + Vite, React Router, Tailwind CSS, Firebase (Auth + Firestore), Gemini API for skill-gap suggestions.

Run locally

npm install
cp .env.example .env   # fill in your Firebase + Gemini keys
npm run dev

Push to GitHub

git init
git add .
git commit -m "SkillBridge scaffold"
git branch -M main
git remote add origin https://github.com/<your-username>/skillbridge.git
git push -u origin main

.env is git-ignored — your real keys never get committed. Anyone cloning the repo copies .env.example to .env and fills their own.

Deploy on Vercel

1. Go to vercel.com → New Project → Import the GitHub repo.
2. Framework preset: Vite (auto-detected).
3. Add Environment Variables (Settings → Environment Variables), copying every key from .env.example:
   • VITE_FIREBASE_API_KEY
   • VITE_FIREBASE_AUTH_DOMAIN
   • VITE_FIREBASE_PROJECT_ID
   • VITE_FIREBASE_STORAGE_BUCKET
   • VITE_FIREBASE_MESSAGING_SENDER_ID
   • VITE_FIREBASE_APP_ID
   • VITE_GEMINI_API_KEY
4. Deploy. Vercel gives you a live .vercel.app URL — that's what you send your team lead.
5. In Firebase Console → Authentication → Settings → Authorized domains, add your *.vercel.app domain, or Google sign-in will fail on the live site.

What's real vs. mock right now

• Auth + student profile: real Firebase (Auth + Firestore).
• Skill gap analysis: real Gemini API call, with an automatic rule-based fallback if the key is missing or the call fails — so the demo never breaks on stage.
• Internship listings + college analytics: mock data in src/data/mock.js — swap for Firestore collections once you have real postings.

Where to extend tomorrow

• src/data/mock.js → replace with Firestore queries
• src/pages/Assessment.jsx → wire quiz answers into skill levels automatically instead of manual self-rating only
• Add a company-facing view for posting internships