LevelUpSkills.io

1. Public Website & Marketing Pages

Home Page (/)

• Hero section with call-to-action
• Features overview section
• Interactive Learning Paths showcase with filtering
• Featured Bootcamps carousel
• Skills grid display
• Training providers showcase
• Pricing section
• Waitlist signup form
• Contact form
• Social media links (Facebook, Instagram, Twitter/X, LinkedIn, YouTube)

Static Pages

Legal Pages

• Privacy Policy (/privacy)
• Terms of Service (/terms)
• Cookie Policy (/cookies)

2. User Authentication System

Authentication Features

• Email/Password sign up and sign in
• Google OAuth integration (Sign in with Google)
• Password reset via email
• Password strength indicator during registration
• User profile management
• Session management with JWT-based authentication
• Protected routes based on authentication status

Two-Factor Authentication (2FA)

• TOTP-based two-factor authentication
• QR code generation for authenticator app setup
• 6-digit verification code input
• Recovery codes for account recovery
• Enable/disable 2FA from account settings
• Secure server-side TOTP verification

Role-Based Access Control

3. Course Directory & Learning

Explore Courses (/courses)

• Grid display of all available courses
• Search functionality with keyword matching
• Advanced filtering by category, skill level, format, and SFIA level
• Course cards with thumbnail, title, provider, rating, and price
• Save/favorite courses functionality

Course Details (/courses/:id)

• Full course description and learning outcomes
• Curriculum overview with modules and lessons
• Instructor information
• Institution/sponsor branding
• Enroll/Start learning actions

Interactive Course Player (/courses/:id/play)

• Video/content playback for lessons
• Lesson navigation sidebar
• Progress tracking with completion status
• Personal notes per lesson (saved to database)
• In-lesson quizzes with secure server-side validation
• XP rewards for quiz completion

4. Learning Pathways

Explore Learning Paths (/paths)

• Grid display of curated learning pathways
• Interactive filtering by path type (Successive, Alternative, Level-Based)
• Search and filter by difficulty, skills, and target role
• Path cards with cover image, duration, and difficulty indicators
• Featured paths highlighting
• Institution branding on paths

Path Types

Path Details (/paths/:id)

• Full path description and learning objectives
• Path items (courses, bootcamps, assessments, milestones)
• Prerequisites and unlock requirements
• Target role and SFIA level mapping
• Skills coverage visualization
• Estimated completion duration
• Enroll/Start learning actions

Path Player (/paths/:id/play)

• Visual path navigation with progress indicators
• Prerequisite-based item unlocking
• Item completion tracking
• Score thresholds for progression
• Checkpoint milestones

My Learning Paths (/my-paths)

• Dashboard of enrolled learning paths
• Progress tracking across path items
• Current item indicators
• Resume/continue learning functionality
• Path status management (pause, abandon, complete)

5. Bootcamp Programs

Explore Bootcamps (/bootcamps)

• Grid display of available bootcamp programs
• Search and filter by category, skill level, format
• Bootcamp cards with cover image, duration, and pricing
• Featured bootcamps highlighting
• Format indicators (Online, On-Campus, Hybrid)

Bootcamp Details (/bootcamps/:id)

• Full bootcamp description and learning outcomes
• Structured curriculum with modules
• Prerequisites and skill requirements
• Start/end dates and application deadlines
• Instructor/staff information
• Institution branding
• Apply/Enroll functionality

Bootcamp Progress Tracking

• Milestone-based progress tracking
• Assignment submissions with file uploads
• Grading and feedback system
• Progress visualization per milestone
• Completion certificates upon finishing

My Bootcamps (/my-bootcamps)

• Dashboard of enrolled bootcamps
• Progress tracking across milestones
• Quick access to assignments and materials
• Certificate download for completed bootcamps

6. User Progress & Learning Management

My Learning (/my-learning)

• Dashboard showing all enrolled courses
• Progress percentage for each course
• Continue learning quick actions
• Completion status indicators

Saved Courses (/saved-courses)

• List of favorited/bookmarked courses
• Quick access to course details
• Remove from saved functionality

7. Certificates

Certificate Generation

• Auto-generated upon course completion
• Unique verification codes
• Student name, course title, and completion date
• Institution/sponsor branding
• Download as image functionality

Public Verification (/verify)

• Public-facing verification portal
• Search by verification code
• Display certificate details for validation

8. Gamification System

XP & Leveling

• XP earned for completing lessons, quizzes, and courses
• Level progression based on total XP
• Visual progress bar showing XP to next level
• Level-up celebration modal with confetti

Learning Streaks

• Daily activity tracking
• Current streak counter
• Longest streak record
• Streak calendar visualization

Achievements

• Achievement badges for milestones
• Achievements grid display
• Unlock notifications

9. Admin Dashboard (/admin)

Dashboard Overview

• Statistics cards (users, courses, institutions, etc.)
• Quick access to all management sections

Management Modules

10. Institution Dashboard (/institution)

Dashboard & Management

• Dashboard: Institution-specific statistics and overview
• Courses: Manage courses assigned to the institution
• Bootcamps: Create and manage bootcamp programs
• Approvals: Review and approve/reject pending course submissions
• Students: View and manage enrolled students
• Staff: Manage institution staff and employees
• Analytics: Performance metrics and reports
• Settings: Organization profile, branding, and notifications

Staff & Employee Management

• Add employees via email invitation
• Bulk import via CSV upload
• Department and job title assignment
• Target role configuration
• Invitation status tracking
• Role-based access (Admin, Manager, Member)

Institution Settings

• Organization profile management
• Branding customization (colors, logo)
• Contact information configuration
• Notification preferences
• User roles and permissions management

11. SFIA Skills Management

SFIA Dashboard (/institution/sfia)

• SFIA (Skills Framework for the Information Age) integration
• Organization-wide skills overview
• Department-level skill aggregation
• Target vs current level visualization
• Global activity feed of skill changes

Employee SFIA Profiles

• Individual employee skill profiles
• Current and target level tracking per skill
• Radar chart visualization of skills
• SFIA level history timeline
• Skill gap indicators

Assessment Management

• Assign skill assessments to employees
• Due date tracking
• Assessment completion and results recording
• Pending/Completed/Overdue status filtering
• Automatic SFIA level updates based on results

12. Skills Gap Report

Report Overview (/institution/skills-gap-report)

• Aggregated SFIA levels across departments
• Skills gap analysis and recommendations
• PDF/Excel export functionality

Visualizations

• Gap Heatmap: Visual matrix of skill gaps by department
• Gap Distribution: Pie chart of gap severity distribution
• Department Comparison: Bar chart comparing departments
• Skills Progression: Line chart of skill improvements over time
• Trend Analysis: Historical data visualization

Recommendations

• Priority-based recommendations
• Learning recommendations per employee
• Course/bootcamp suggestions based on skill gaps
• Target skill alignment recommendations

13. Instructor Dashboard (/instructor)

• Dashboard: Instructor overview with key metrics
• Courses: Create and manage owned courses
• Students: View enrolled students and their progress
• Analytics: Course performance and engagement data

14. Employee Portal (/employee)

Employee Dashboard

• Personal learning overview
• Assigned courses and bootcamps
• Progress tracking
• Upcoming assessments

Skills Profile (/employee/skills)

• Personal SFIA skill levels
• Current vs target level visualization
• Radar chart of skill distribution
• Skill gap indicators
• History of skill level changes

Assessments (/employee/assessments)

• Assigned skill assessments
• Due date tracking
• Assessment completion
• Results history

Learning Recommendations

• Personalized course recommendations
• Bootcamp suggestions based on skill gaps
• Priority-based learning path
• Enroll directly from recommendations

15. Enterprise/Institutions Page (/institutions)

Page Features

• Enterprise feature highlights
• Partner logos and testimonials
• ROI statistics and case studies

Demo Request Form

• Company information collection
• Contact details form
• Message field for specific requirements
• Stored in database (demo_requests table)
• Email notifications to admin ([email protected])
• Confirmation email to requester

16. AI-Powered Features

Course Content Generation

• AI-generated curriculum based on course details
• Automatic learning outcomes generation
• Quiz question generation for lessons
• Section-specific or full content generation

Bootcamp Content Generation

• AI-generated bootcamp curriculum
• Learning outcomes based on bootcamp objectives
• Skills mapping to curriculum
• Milestone and assignment suggestions

Learning Path Generation

• AI-generated learning path structures
• Automatic item sequencing recommendations
• Skills-based path creation

Smart Recommendations

• Learning recommendations based on skill gaps
• Course matching to employee needs
• Priority-based suggestions

17. Backend Functions (Edge Functions)

18. Database Schema

Core Tables

• profiles: User profiles with XP and level
• user_roles: Role assignments (admin, user, institution, instructor, employee)
• courses: Course catalog with full metadata
• institutions: Training institution records with branding
• instructors: Instructor profiles
• sponsors: Course sponsor information

Learning Paths Tables

• learning_paths: Learning pathway definitions with metadata
• learning_path_items: Path items (courses, bootcamps, milestones)
• learning_path_prerequisites: Item prerequisite relationships
• user_learning_paths: User enrollments in paths
• user_path_item_progress: Progress tracking per item

Bootcamp Tables

• bootcamps: Bootcamp programs with curriculum and metadata
• bootcamp_staff: Instructors assigned to bootcamps
• bootcamp_enrollments: Student enrollments with status
• bootcamp_milestones: Progress milestones
• bootcamp_assignments: Assignments per milestone
• bootcamp_student_progress: Student progress per milestone
• bootcamp_assignment_submissions: Assignment submissions
• bootcamp_certificates: Completion certificates

Learning Tables

• user_progress: Course enrollment and progress tracking
• lesson_notes: User notes per lesson
• lesson_quizzes: Quiz definitions
• user_quiz_results: Quiz attempt records
• certificates: Issued course certificates

SFIA & Employee Tables

• institution_employees: Employees linked to institutions
• institution_users: Institution admin/manager users
• institution_invitations: Pending invitations
• employee_sfia_levels: Employee skill levels with targets
• employee_sfia_history: Skill level change history
• assessment_assignments: Assigned skill assessments
• employee_learning_recommendations: Personalized recommendations

Gamification Tables

• user_achievements: Unlocked achievements
• daily_activity_log: Daily activity records

Security Tables

• user_2fa_settings: Two-factor authentication configuration
• quiz_rate_limits: Quiz attempt rate limiting

Admin Tables

• audit_logs: Admin action logging (sanitized)
• contact_submissions: Contact form entries
• demo_requests: Enterprise demo requests

19. Technology Stack