-
-
1. Halaman utama SkillSpark: AI Career Co-Pilot & Peer Matchmaker untuk mahasiswa teknologi.
-
3. Hasil analisis AI: skor kesiapan, skill yang sudah sesuai, dan critical gaps beserta prioritasnya.
-
3. Hasil analisis AI: skor kesiapan, skill yang sudah sesuai, dan critical gaps beserta prioritasnya.
-
4. Roadmap belajar 4 pekan berbasis proyek, lengkap dengan tema mingguan dan capstone project.
-
5. User flow SkillSpark dari login hingga kolaborasi, sesuai tema IGNITE FIK FAIR 2026.
💡 Inspirasi
Banyak mahasiswa bingung harus belajar apa untuk magang atau karier impian mereka. Informasi tersebar di mana-mana, roadmap online terlalu umum, dan sulit menemukan teman atau mentor dengan skill yang saling melengkapi. Dari situ lahirlah SkillSpark, mentor karier berbasis AI untuk mahasiswa, sesuai tema IGNITE (Inspiring Growth, Networking, Innovation, Technology, and Exploration).
🎯 Latar Belakang Masalah
- Mahasiswa sering tidak tahu skill apa yang kurang untuk posisi yang mereka incar.
- Panduan belajar yang ada bersifat umum dan tidak disesuaikan dengan kemampuan awal masing-masing orang.
- Networking terbatas: mahasiswa sulit menemukan rekan tim atau mentor dengan skill yang saling melengkapi.
- Akibatnya, waktu terbuang untuk belajar tanpa arah dan portofolio tidak siap saat mencari magang.
Masalah ini mendesak karena persaingan kerja dan magang makin ketat, dan mahasiswa membutuhkan arah yang jelas sejak dini.
🚀 Solusi yang Ditawarkan
SkillSpark adalah aplikasi web berbasis AI. Mahasiswa memasukkan skill yang dimiliki (atau CV) dan target posisi, lalu SkillSpark memberikan:
- Analisis skill gap: skill yang kurang beserta tingkat prioritasnya.
- Roadmap belajar 4 minggu: target mingguan dan sumber belajar gratis.
- Ide proyek pemula: untuk membangun portofolio.
- Rekomendasi rekan: mahasiswa lain yang skill-nya saling melengkapi.
Kesesuaian dengan IGNITE
| Elemen | Kontribusi SkillSpark |
|---|---|
| Growth | Roadmap belajar yang dipersonalisasi |
| Networking | Rekomendasi rekan kolaborasi |
| Innovation | Mentor karier berbasis AI yang mudah diakses |
| Technology | LLM dengan output JSON terstruktur |
| Exploration | Eksplorasi jalur karier alternatif |
🛠️ Teknologi yang Digunakan
- Frontend: [Next.js + Tailwind CSS], untuk UI yang cepat dan responsif
- Backend: [Next.js API Routes], sehingga satu codebase mudah dikelola
- AI: [Gemini API], dengan prompt terstruktur yang menghasilkan output JSON (skill gap, roadmap, ide proyek)
- Database: [Supabase], untuk menyimpan profil dan hasil analisis
- Deployment: [Vercel]
Cara kerja AI: input pengguna dimasukkan ke system prompt yang meminta jawaban dalam format JSON. JSON tersebut kemudian di-parse dan ditampilkan sebagai kartu skill gap, timeline roadmap, dan daftar rekomendasi rekan.
🔄 User Flow Aplikasi
- Pengguna membuka aplikasi SkillSpark.
- Pengguna memasukkan skill atau mengunggah CV.
- Pengguna memilih target posisi/karier.
- AI menganalisis dan mendeteksi skill gap.
- Sistem menampilkan roadmap 4 minggu dan ide proyek.
- Sistem merekomendasikan rekan dengan skill yang melengkapi.
- Pengguna menyimpan atau membagikan hasilnya.
📚 Yang Kami Pelajari
- Merancang prompt agar output AI konsisten dan terstruktur.
- Membangun alur aplikasi sederhana yang bisa langsung dipakai.
- Bekerja sama dalam tim di bawah batas waktu.
🧗 Tantangan
- Memastikan output AI selalu dalam format JSON yang valid.
- Menjaga rekomendasi tetap relevan dan spesifik, bukan generik.
- Menyelesaikan fitur inti dalam waktu hackathon yang singkat.
🔮 Selanjutnya
- Peer matching nyata berdasarkan profil pengguna
- Integrasi dengan lowongan magang
- Pelacakan progres dan pengingat belajar
Built With
- ai
- gemini-api
- javascript
- llm
- nextjs
- node.js
- postgresql
- prompt-engineering
- react
- supabase
- tailwindcss
- typescript
- vercel
Log in or sign up for Devpost to join the conversation.