Skip to content

Glucon-D/skillsync

Repository files navigation

SkillSync

Your AI-Powered Career Path Companion

Discover your potential, sync your skills, achieve your dreams

Live Demo Next.js TypeScript Tailwind CSS License

Live DemoDocumentationReport BugRequest Feature


What is SkillSync?

SkillSync is an intelligent career guidance platform that helps students and professionals discover their perfect career path through personalized assessments, skill tracking, and AI-powered recommendations. We believe everyone deserves clarity in their career journey, and SkillSync makes that possible.

Whether you're a student exploring career options, a professional looking to upskill, or someone planning a career transition, SkillSync provides the insights and roadmap you need to succeed.


Features

Smart Career Assessment

Take our comprehensive interest assessment quiz that analyzes your strengths across multiple dimensions - technical aptitude, creativity, analytical thinking, leadership, and communication skills. Get personalized insights that truly understand who you are.

Personalized Dashboard

Your command center for career growth. Track your progress, view completion statistics, see recommended next steps, and monitor your learning journey - all in one beautiful, intuitive interface.

AI-Powered Career Matching

Discover careers that align with your unique profile. Our intelligent matching system analyzes your skills, interests, and goals to suggest career paths with detailed match percentages, salary insights, and growth potential.

Custom Learning Pathways

Get a personalized roadmap from beginner to expert. We break down complex career goals into achievable milestones with clear learning paths, estimated timelines, and progress tracking.

Smart Course Recommendations

Access curated courses from top platforms like Coursera, Udemy, and YouTube, tailored specifically to your career goals and current skill level. Filter by difficulty, platform, and price to find your perfect learning resource.

Comprehensive Profile Management

Build your professional identity. Showcase your education, skills, projects, and experience. Track your profile completion and get suggestions to stand out.

Beautiful Dark Mode

Easy on the eyes, whether you're a night owl or early bird. Seamlessly switch between light and dark themes with our elegant design system.

Fully Responsive

Perfect experience on any device - desktop, tablet, or mobile. Learn on the go, wherever you are.

Secure & Private

Your data belongs to you. Secure authentication, protected routes, and privacy-first design ensure your information stays safe.


Tech Stack

Frontend Framework

  • Next.js 16 - Leveraging the latest App Router for optimal performance
  • React 19 - Building dynamic, interactive user interfaces
  • TypeScript 5 - Type-safe development for reliability

Styling & UI

  • Tailwind CSS 4 - Modern, utility-first styling
  • Framer Motion - Smooth, delightful animations
  • Lucide React - Beautiful, consistent icons
  • Custom Design System - Subtle orangish theme with full dark mode support

State Management & Forms

  • Zustand - Lightweight, powerful state management
  • React Hook Form - Performant, flexible form handling
  • Zod - Schema validation for type-safe forms

Data & Visualization

  • Recharts - Interactive charts and analytics
  • Appwrite - Backend services and database
  • PDF Parse - Document analysis for profile building

Developer Experience

  • ESLint - Code quality and consistency
  • PostCSS - Advanced CSS processing
  • React Hot Toast - Elegant notifications

Design Philosophy

SkillSync embraces a minimal, modern, and professional aesthetic with:

  • Subtle Orange Theme - Warm, energetic, and optimistic
  • Ample White Space - Clean, uncluttered interface
  • Smooth Animations - Delightful micro-interactions
  • Mobile-First - Responsive design that adapts beautifully
  • Accessibility-First - WCAG AA compliant for inclusive design

How It Works

  1. Sign Up & Onboard - Create your account and complete our guided onboarding flow
  2. Take the Assessment - Discover your strengths through our comprehensive quiz
  3. Explore Career Matches - See personalized career recommendations with match scores
  4. Build Your Pathway - Get a customized learning roadmap to your dream career
  5. Track Your Progress - Monitor your growth and celebrate achievements
  6. Discover Resources - Access curated courses and learning materials

Getting Started

Prerequisites

  • Node.js 20.0 or higher
  • npm, yarn, pnpm, or bun

Installation

# Clone the repository
git clone https://github.com/Glucon-D/skillsync.git

# Navigate to project directory
cd skillsync

# Install dependencies
pnpm install

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

# Run the development server
pnpm dev

Open http://localhost:3000 to see your app in action!


Team Glucon-D

Meet the talented individuals who brought SkillSync to life:

Ayush Sharma

Full Stack & AI Engineer

Architected the AI recommendation engine and built core platform features

Vranda Garg

Full Stack Developer

Developed the assessment system and data visualization components

Atishay Jain

Frontend Developer

Crafted the beautiful UI/UX and responsive design system

Gautam Kakkar

Backend Developer

Built robust backend services and database architecture


Why We Built SkillSync

Career decisions are some of the most important choices we make in life, yet many students and professionals feel lost without proper guidance. Traditional career counseling is expensive, time-consuming, and often one-size-fits-all.

We built SkillSync to democratize career guidance. By combining AI technology with thoughtful design, we're making personalized career planning accessible to everyone, anywhere, for free.


Contributing

We love contributions! Whether it's bug fixes, feature additions, or documentation improvements, we welcome your input.

# Fork the repository
# Create your feature branch
git checkout -b feature/amazing-feature

# Commit your changes
git commit -m 'Add some amazing feature'

# Push to the branch
git push origin feature/amazing-feature

# Open a Pull Request

License

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


Acknowledgments

  • Thanks to all open-source contributors whose libraries power SkillSync
  • Inspired by students and professionals seeking clarity in their careers
  • Built with passion by Team Glucon-D

Star us on GitHub if you find SkillSync helpful!

Made with passion by Team Glucon-D

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •  

Languages