SkillSpark

• 

  The home page

🧠 Inspiration As students ourselves, we noticed a common frustration—many peers have skills but no real way to showcase them, and others want to learn but don’t know where to start. SkillSpark was born from the desire to bridge this gap. We wanted to create a platform that not only helps learners grow but also highlights their progress in a meaningful, portfolio-ready way.

💡 What it does SkillSpark is a centralized platform where users can:

Take micro skill challenges in fields like web development, AI, and design.

Track their growth via a live progress dashboard.

Showcase their completed projects and certifications.

Get personalized skill recommendations based on their interests.

Participate in peer challenges and community-driven contests.

🔧 How I built it We used:

Frontend: HTML, CSS (Tailwind), JavaScript, and Angular for dynamic UI components

Backend: Node.js with Express and MongoDB for managing user profiles, tasks, and scores

AI Integration: Gemini API for personalized suggestions and resume insights

Hosting: Render + GitHub for continuous deployment

Design: Figma for UI/UX planning

🛠 Challenges I ran into Integrating Gemini API for real-time recommendations was tricky and needed custom prompt fine-tuning

MongoDB schema design to balance performance with flexibility in storing various skill types

Managing state across Angular components, especially for dashboard updates

Styling for mobile responsiveness without bloating the CSS

🌟 Accomplishments that I'm proud of A clean, animated dashboard using Framer Motion

Real-time skill suggestion system powered by AI

Fully functional skill tracker with a clean progress report

Great feedback from peers and mentors for the platform's potential

📚 What I learned Working with APIs in a full-stack environment

Optimizing Angular app structure with reusable components

Creating meaningful prompt engineering strategies for user-based AI suggestions

The importance of user-centered design and feedback loops in product building

🚀 What's next for SkillSpark Add gamification features like badges, streaks, and leaderboard

Integrate a mentor-student matching system

Expand to mobile with a Flutter app

Partner with educational institutions to offer verified micro-certifications

Open-source community contributions and theme customization options

Built With

• lovable
• react.js
• typescript