SkillSync

Your Personal Skill Development Companion

SkillSync is a comprehensive platform that transforms how individuals track, measure, and achieve their skill development goals through intelligent progress tracking and data-driven insights.

Deployed URL - SkillSync App

🌟 Overview

SkillSync addresses the common challenges people face in skill development:

• Manual tracking that's time-consuming and inconsistent
• No visibility into learning patterns and trends
• Low motivation without clear milestones
• Difficulty identifying which skills need attention

✨ Key Features

• 🎯 Smart Skill Tracking - Automatically log and categorize learning activities with progress visualization
• 📈 Progress Analytics - Real-time insights into learning patterns, time investment, and skill growth
• 🔄 Personalized Roadmaps - AI-powered recommendations to optimize your learning journey
• 🤝 Community Benchmarks - Compare your progress with peers while maintaining privacy
• 🤖 AI-Powered Summaries - Weekly insights generated by Google Gemini API
• 📧 Smart Notifications - Automated email summaries and reminders

🏗️ Architecture

┌─────────────────┐
│   Frontend      │ → Next.js 14 + React 19
│   (Vercel)      │   TypeScript, Tailwind CSS
└────────┬────────┘
         │ REST API
         │
┌────────▼────────┐
│   Backend       │ → FastAPI + Python
│   (Render)      │   PostgreSQL, Redis
└────────┬────────┘
         │
    ┌────┴────┐
    │         │
┌───▼──┐  ┌──▼────┐
│ DB   │  │ AI    │
│(Neon)│  │Gemini │
└──────┘  └───────┘

🛠️ Technology Stack

Frontend

• Framework: Next.js 14 & React 19
• Language: TypeScript
• Styling: Tailwind CSS
• State Management: Redux Toolkit
• Data Visualization: Chart.js
• Animations: Framer Motion
• Deployment: Vercel

Backend

• Framework: FastAPI (Python)
• Database: PostgreSQL (Neon)
• Cache: Redis
• Background Tasks: Celery
• Authentication: JWT
• Email Service: Resend API
• AI Integration: Google Gemini API
• Deployment: Render

📁 Project Structure

skillsync/
├── frontend/          # Next.js frontend application
│   ├── src/
│   ├── public/
│   └── package.json
│
├── backend/           # FastAPI backend application
│   ├── app/
│   ├── requirements.txt
│   └── main.py
│
└── README.md

🚀 Getting Started

Prerequisites

• Node.js 18+ and npm/yarn
• Python 3.10+
• PostgreSQL
• Redis
• Google Gemini API key

Quick Start

1. Clone the repository

git clone https://github.com/yourusername/skillsync.git
cd skillsync

2. Set up Frontend

cd frontend
npm install
cp .env.example .env.local
# Add your environment variables
npm run dev

3. Set up Backend

cd backend
python -m venv venv
source venv/bin/activate  # On Windows: venv\Scripts\activate
pip install -r requirements.txt
cp .env.example .env
# Add your environment variables
uvicorn main:app --reload

See individual README files in /frontend and /backend directories for detailed setup instructions.

🔑 Environment Variables

Frontend

• NEXT_PUBLIC_API_URL - Backend API URL
• NEXT_PUBLIC_APP_URL - Frontend app URL

Backend

• DATABASE_URL - PostgreSQL connection string
• REDIS_URL - Redis connection string
• GEMINI_API_KEY - Google Gemini API key
• JWT_SECRET - Secret key for JWT tokens
• RESEND_API_KEY - Resend email service API key

📊 Features Implementation

• ✅ Secure authentication with JWT
• ✅ Skill CRUD operations with categorization
• ✅ Daily progress logging with time tracking
• ✅ Resource library management
• ✅ AI-powered weekly summaries (Gemini API)
• ✅ Interactive analytics dashboard
• ✅ Email notifications
• ✅ Responsive modern UI/UX

🔮 Future Enhancements

• 📱 Native mobile applications (iOS/Android)
• 🤖 Advanced AI features (learning paths, skill gap analysis)
• 👥 Social features (public profiles, study groups)
• 🔗 Integration with learning platforms (Coursera, Udemy)
• 📊 Enhanced analytics and custom reports
• 🎮 Advanced gamification elements

📈 Scalability

Built with scalability in mind:

• Stateless architecture
• Horizontal scaling support
• Cloud-native deployment
• Container-ready (Docker/Kubernetes)
• Database replication ready
• CDN integration support

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

👥 Team

Developed by student at MCKV Institute of Engineering

• Soumojit Das

---

Built with ❤️ using Google technologies