Skip to content

# 🌟 Skillence **Skillence** is a modern career-building web application designed to empower job seekers, students, and professionals to grow their skills, showcase achievements, and connect with career opportunities. --- ## πŸš€ Overview Skillence brings together everything you need to manage your career journey all in one place.

Notifications You must be signed in to change notification settings

michael2004-svg/Skillence

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

14 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🌟 Skillence

Skillence is a modern career-building web application designed to empower job seekers, students, and professionals to grow their skills, showcase achievements, and connect with career opportunities.


πŸš€ Overview

Skillence brings together everything you need to manage your career journey β€” all in one place.
It’s built with a clean, social-style interface and powered by cloud tools for a seamless experience.

✨ Key Features

🏠 Home Feed

  • A social-style dashboard where users can post updates, share experiences, and interact with others.
  • Supports text, image, video, document, and poll posts.
  • Like, comment, and follow features make networking easy.

πŸ‘€ Profile

  • Personalized professional profile with experience, skills, goals, and CV-based β€œSkill Score”.
  • Displays followers, following, and performance metrics.
  • View and manage posts and profile details through intuitive tabs.

πŸ’Ό Career Hub

A one-stop section for professional growth tools:

  • CV Analyzer: Upload your CV (PDF/DOC/DOCX) to get instant AI-powered feedback and optimization tips.
  • Jobs: Search for global or local job opportunities by title and location.
  • Courses: Browse, search, and enroll in curated learning programs.
  • Mentorship: Connect with industry mentors for personalized career guidance.

πŸ”” Notifications

  • Real-time updates on likes, comments, and follows.
  • Filter notifications by type and mark all as read easily.

βž• Create Posts

  • Share ideas, projects, or milestones with rich media options.
  • Control privacy settings for each post (public, connections, or private).

πŸ› οΈ Technologies Used

  • Frontend: HTML5, CSS3, JavaScript (Vanilla)
  • Backend & Database: Supabase (for auth, storage, and data)
  • PDF Handling: PDF.js and jsPDF
  • Hosting: Any modern web hosting platform (e.g., Netlify, Vercel, Firebase, etc.)

βš™οΈ Project Structure

/root β”œβ”€β”€ home.html # Main user interface β”œβ”€β”€ /styles # CSS files for different modules β”‚ β”œβ”€β”€ style.css β”‚ β”œβ”€β”€ profile.css β”‚ β”œβ”€β”€ cv.css β”‚ β”œβ”€β”€ notification.css β”‚ └── courses.css β”œβ”€β”€ /scripts # JavaScript logic β”‚ β”œβ”€β”€ core.js β”‚ β”œβ”€β”€ feed.js β”‚ β”œβ”€β”€ cv_analyzer.js β”‚ β”œβ”€β”€ jobs.js β”‚ β”œβ”€β”€ posts.js β”‚ β”œβ”€β”€ notification.js β”‚ β”œβ”€β”€ courses.js β”‚ └── mentors.js β”œβ”€β”€ /images # Profile and UI images └── README.md


🧠 How It Works

  1. User Authentication – Powered by Supabase for secure signup/login.
  2. Dynamic Tabs – Single-page navigation across Home, Career, Notifications, and Profile.
  3. CV Analysis – Upload your CV for AI-driven review and insights on skills & relevance.
  4. Data Storage – User posts, notifications, and course data are synced in real-time.
  5. Responsive Design – Fully optimized for desktop and mobile use.

Skillence

A career building application

About

# 🌟 Skillence **Skillence** is a modern career-building web application designed to empower job seekers, students, and professionals to grow their skills, showcase achievements, and connect with career opportunities. --- ## πŸš€ Overview Skillence brings together everything you need to manage your career journey all in one place.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published