SkillSync 🚀

A modern, AI-powered skill exchange platform connecting learners and teachers worldwide 🌎

✨ Features

🎯 Core Functionality

• 🤖 AI-Powered Skill Matching - Intelligent matching between learners and teachers
• 📚 Interactive Learning Modules - Create and share knowledge with rich content
• 👥 Community Driven - Connect with like-minded learners and experts
• 📊 Progress Tracking - Monitor your learning journey with detailed analytics

💫 User Experience

• 🎨 Luxury Design System - Premium dark theme with elegant purple and gold accents
• 📱 Fully Responsive - Seamless experience across all devices
• ⚡ Blazing Fast - Built with Next.js 15 for optimal performance
• 🔒 Secure Authentication - NextAuth with multiple provider support

🛠 Technical Excellence

• Type-Safe - Full TypeScript coverage
• Real-time Updates - Live progress and community interactions
• AI Integration - OpenAI-powered recommendations and insights
• Database Excellence - PostgreSQL with Prisma ORM

🚀 Quick Start

Prerequisites

• Node.js 18+
• PostgreSQL database
• GitHub account (for authentication)

Installation

# Clone the repository
git clone https://github.com/ramoware/SkillSync.git

# Navigate to project directory
cd SkillSync

# Install dependencies
npm install

# Set up environment variables
cp .env.example .env.local

Environment Setup

# Database
DATABASE_URL="your_postgresql_connection_string"

# Authentication
NEXTAUTH_URL="http://localhost:3000"
NEXTAUTH_SECRET="your_secret_key"

# OAuth (Optional)
GOOGLE_CLIENT_ID="your_google_client_id"
GOOGLE_CLIENT_SECRET="your_google_client_secret"

# AI Services (Optional)
OPENAI_API_KEY="your_openai_api_key"

Development

# Generate Prisma client
npx prisma generate

# Run database migrations
npx prisma db push

# Start development server
npm run dev

Visit http://localhost:3000 to see the application.

🏗 Project Structure

skillsync/
├── app/                    # Next.js 15 app directory
│   ├── auth/              # Authentication pages
│   ├── dashboard/         # User dashboard
│   ├── skills/            # Skill management
│   └── api/               # API routes
├── components/            # Reusable components
│   ├── ui/                # Base UI components
│   ├── layout/            # Layout components
│   └── forms/             # Form components
├── lib/                   # Utility libraries
│   ├── auth.ts           # Authentication configuration
│   ├── db.ts             # Database utilities
│   └── utils.ts          # Helper functions
├── prisma/               # Database schema
└── public/               # Static assets

🎨 Design System

Color Palette

• Primary: Deep Space (#0f172a) + Pure White
• Secondary: Royal Purple (#8b5cf6) + Golden Yellow (#fbbf24)
• Accents: Emerald Green (#10b981) + Electric Blue (#3b82f6)

Typography

• Headings: Lora - Elegant serif for luxury feel
• Body: Inter - Clean, readable sans-serif
• Code: JetBrains Mono - Developer-friendly monospace

Components

• Luxury Cards: Glass morphism with backdrop blur
• Gradient Text: Purple to yellow animated gradients
• Smooth Animations: Framer Motion powered interactions

🛠 Tech Stack

Frontend

Backend

AI & Analytics

Deployment

📊 Database Schema

model User {
  id            String   @id @default(cuid())
  email         String   @unique
  name          String?
  image         String?
  createdAt     DateTime @default(now())
  updatedAt     DateTime @updatedAt
  
  accounts      Account[]
  sessions      Session[]
  skills        Skill[]
  enrollments   Enrollment[]
}

model Skill {
  id          String   @id @default(cuid())
  title       String
  description String
  category    String
  level       String
  createdAt   DateTime @default(now())
  updatedAt   DateTime @updatedAt
  
  owner       User     @relation(fields: [ownerId], references: [id])
  ownerId     String
  enrollments Enrollment[]
}

🚀 Deployment

Vercel Deployment

1. Fork this repository
2. Connect your GitHub repo to Vercel
3. Add environment variables in Vercel dashboard
4. Deploy automatically on every push to main

Environment Variables for Production

DATABASE_URL="your_production_database_url"
NEXTAUTH_URL="https://yourdomain.vercel.app"
NEXTAUTH_SECRET="your_production_secret"

🤝 Contributing

We love your input! We want to make contributing to SkillSync as easy and transparent as possible.

Development Workflow

1. Fork the project
2. Create a feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

Code Standards

• Use TypeScript for all new code
• Follow the existing code style
• Write meaningful commit messages
• Add tests for new functionality

📱 Screenshots

Dashboard	Skills	Profile

🏆 Performance

👥 Team

Ramdev Chaudhary 🚀 Full-Stack Developer & Project Lead

📄 License

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

🙏 Acknowledgments

• Next.js Team for the amazing framework
• Vercel for seamless deployment
• Tailwind CSS for the utility-first CSS
• Prisma for the fantastic ORM
• OpenAI for AI capabilities

---

Ready to master new skills?

⭐ Star this repo if you found it helpful!