🚀 SkillMart AI
Learn Smarter. Buy Better.
SkillMart AI is an AI-powered EdTech and E-commerce platform that helps learners discover the right skills, find the best learning resources, and purchase the tools they need—all in one place. By combining personalized education with intelligent shopping recommendations, SkillMart AI creates a seamless learning experience for students, professionals, and lifelong learners.
💡 Inspiration
Learning a new skill often means switching between multiple platforms—one for courses, another for AI assistance, another for buying books or hardware, and another for tracking progress. This fragmented experience can be confusing and time-consuming.
We wanted to solve this problem by building a single platform where users can:
- Discover personalized learning paths
- Chat with an AI assistant
- Explore high-quality courses
- Receive smart product recommendations
- Access everything from one modern interface
That idea became SkillMart AI.
✨ What it does
SkillMart AI combines the power of Artificial Intelligence with modern learning and smart shopping.
Key Features
- 🤖 AI Learning Assistant powered by Google Gemini
- 📚 Personalized Learning Roadmaps
- 🎓 Premium Course Explorer
- 💬 AI Tutor for answering learning questions instantly
- 🛒 Smart Product Recommendations
- 🔍 Search Courses and Products
- 🌙 Dark & Light Mode
- 📱 Fully Responsive Design
- ⚡ Modern Premium User Interface
The AI Assistant allows users to ask questions like:
"How do I become a Machine Learning Engineer?"
or
"Explain React Hooks in simple terms."
The assistant instantly provides detailed explanations, learning plans, and practical guidance.
🛠️ How we built it
SkillMart AI was built using modern frontend technologies with AI integration.
Technologies Used
- React.js
- Vite
- Tailwind CSS
- JavaScript
- Google Gemini API
- React Router
- Framer Motion
- Lucide React
- Local Storage
- Vercel
The application uses the Google Gemini API to generate intelligent learning roadmaps and power the AI Assistant. We designed a clean, responsive, and premium interface inspired by modern SaaS products to ensure a smooth and engaging user experience.
⚡ Challenges we ran into
During development, we faced several challenges:
- Designing a premium UI while keeping the application lightweight
- Integrating the Google Gemini API efficiently
- Crafting effective prompts for personalized AI responses
- Matching relevant products with users’ learning interests
- Maintaining responsiveness across different screen sizes
- Implementing a smooth Dark/Light Mode experience
- Building a polished MVP within a limited hackathon timeframe
Each challenge helped us improve both the technical implementation and the overall user experience.
🏆 Accomplishments that we're proud of
We are proud that we successfully built a functional AI-powered MVP within the hackathon timeline.
Highlights include:
- Successfully combining EdTech and E-commerce into one platform
- Building a premium, responsive user interface
- Integrating Google Gemini AI
- Developing an AI-powered learning assistant
- Creating personalized learning roadmaps
- Providing smart educational product recommendations
- Delivering a modern and user-friendly experience
📖 What we learned
Working on SkillMart AI taught us valuable lessons about:
- AI integration in real-world applications
- Prompt engineering for educational use cases
- Modern React architecture
- Responsive UI/UX design
- Component reusability
- API integration
- Rapid MVP development
- Team collaboration under hackathon pressure
This project strengthened both our technical skills and our understanding of building products that solve real-world problems.
🚀 What's next for SkillMart AI
We have exciting plans for future development.
Future Features
- 📄 AI-powered PDF summarization
- 🎤 Voice-based AI Tutor
- 🌍 Multi-language support
- 📝 AI Quiz Generator
- 📊 Personalized Learning Analytics
- 🏅 Certificates and Achievements
- 💳 Secure Payment Gateway
- 👨🏫 Instructor Dashboard
- 📱 Mobile Application (Android & iOS)
- 🤝 Community Learning Forum
- 🎯 Career Guidance with AI
- 📈 Skill Progress Tracking
- 🛍️ Real-time E-commerce Integration
- 🔔 Smart Learning Reminders
Our long-term vision is to make SkillMart AI a complete AI-powered learning ecosystem where users can learn, practice, receive AI guidance, and purchase everything they need from a single platform.
Log in or sign up for Devpost to join the conversation.