π§ SkillScan Navigator β AI-Powered Role-Based Skill Assessment
SkillScan Navigator is a web-based platform that allows users to assess their skills for specific tech roles (e.g., Data Engineer, UI/UX Designer). It uses AI to conduct a 10β15 minute interactive assessment, identifies skill gaps, and provides personalized learning recommendations β all powered by free-tier tools.
π Live Demo (coming soon...)
π§ Tech Stack
| Layer | Tool / Framework |
|---|---|
| Frontend | Next.js (React) |
| Backend | Express.js (Node.js) |
| Hosting | Vercel (Free Tier) |
| AI Engine | OpenAI GPT (API) |
| Database | MongoDB Atlas (Free) or Static JSON |
| Auth (Opt.) | NextAuth / Clerk (optional) |
| Voice Input | Web Speech API / Whisper (optional) |
π§© Features
- β Role-based skill assessment (choose from roles like Data Engineer, UX Designer)
- β AI-driven questions using OpenAI API
- β Real-time answer analysis (text-based)
- β Skill gap report with actionable feedback
- β English communication score and tips
- β Personalized course/resource recommendations
- β Mobile-friendly and clean UI
π Project Structure
skillscan-navigator/ βββ client/ # Next.js frontend β βββ pages/ β βββ components/ β βββ utils/ βββ server/ # Express.js backend β βββ routes/ β βββ skillMatrix/ # JSON files for each role β βββ app.js βββ vercel.json # Vercel proxy config (optional) βββ README.md
π§ How It Works
- User visits the site and selects a target role.
- AI begins asking contextual questions based on the role.
- User answers questions via text (or voice).
- AI analyzes answers in real-time.
- At the end of the session (10β15 min), the system:
- Calculates readiness score
- Identifies missing skills
- Assesses English communication
- Suggests courses to improve
π¦ Sample Roles (more coming)
- Data Engineer
- Frontend Developer
- UI/UX Designer
- Business Analyst
- Customer Support Agent
π οΈ Setup (Local Development)
-
Clone this repo git clone https://github.com/saikrishna2003/skillscan-navigator.git
-
Install client cd client npm install
-
Install backend cd ../server npm install
-
Run both (use two terminals) cd client && npm run dev cd server && npm run start
π Deployment on Vercel (Frontend)
- Connect the client/ folder to Vercel.
- Set OpenAI API key in Vercel Project Settings β Environment Variables:
- OPENAI_API_KEY = your_key_here
Backend options:
- Deploy as Vercel Serverless Functions (api/ directory)
- Or proxy to Express server (use vercel.json)
π Security & Privacy
- No personal data stored permanently.
- Session-based scoring only.
- Communication score is AI-evaluated but not recorded.
π To-Do / Feature Checklist
- Role selector
- Question generator (OpenAI)
- Answer logging
- Skill gap scoring logic
- English proficiency analyzer
- Feedback and course suggestions
- Voice input
- Auth (optional)
- PDF report export (optional)
π License
MIT License Β© 2025
Made with π‘ using AI and Open Source Tools