A modern e-learning platform built with Flutter, featuring a clean and intuitive interface for an enhanced learning experience.
⭐️ If you found this project helpful, please give it a star!
- Backend Developer: Abdallah Wassim Meftah - Nta Sahbi w vrai les hommes 😂.
- Project Supervisor: Mdm Lydia Imene Allou - for guidance and invaluable insights throughout the development process.
SkillZone introduces an innovative approach to e-learning through a unique points-based progression system:
- 🎯 Dual Learning Path: The platform distinguishes between Soft Skills and Hard Skills courses
- 🆓 Free Soft Skills: Access to comprehensive soft skills courses (leadership, communication, etc.) at no cost
- 💰 Premium Hard Skills: Technical courses (programming, design, etc.) are unlocked using points
- ⭐ Points Economy:
- Earn points by completing soft skills courses
- Use accumulated points to unlock premium hard skills content
- Progress through different levels (Rookie → Explorer → Achiever → Master → Expert)
- 🏆 Level System: Track your learning journey through achievement badges and level progression
This gamified approach encourages users to develop a well-rounded skill set, recognizing the importance of both technical expertise and interpersonal abilities in professional growth.
Some features might be incomplete or subject to change as development progresses.
The onboarding experience introduces new users to SkillZone's unique learning approach and value proposition, guiding them through the platform's core concepts before registration.
Onboarding
|
Welcome
|
Our streamlined authentication process includes account creation, email verification, and personalization steps to tailor the learning experience to each user's preferences and goals.
Login
|
Signup
|
Email Verification
|
Account Type
|
Interests
|
The core app experience features a clean, intuitive interface with personalized content recommendations, profile management, and progress tracking to keep users engaged and motivated.
Home
|
Profile
|
Edit Avatar
|
Points & Level
|
Notifications
|
Soft Course
|
Hard Course
|
Our immersive learning experience includes high-quality video lessons, interactive quizzes, and immediate feedback to reinforce knowledge acquisition and track progress toward mastery.
Lesson Video
|
Quiz
|
Quiz Results
|
Users can easily track their learning journey with dedicated sections for enrolled, liked, in-progress, and completed courses, ensuring they never lose sight of their educational goals.
Enrolled Courses
|
Liked Courses
|
Course In Progress
|
Completed Course
|
SkillZone empowers educators with intuitive tools to create and manage courses, upload lessons, and track student engagement, making knowledge sharing accessible to experts in any field.
Upload Course
|
Uploaded Courses
|
Secure payment processing allows users to purchase additional points or premium subscriptions, with transparent transaction history and card management.
Card Information
|
Current Implementation:
- 📚 Comprehensive course catalog with distinct soft and hard skills sections
- 🎥 High-quality video lessons with custom player controls
- 👤 User profiles with customizable avatars and progress tracking
- 🎮 Gamified learning with points system and level progression
- 🎨 Modern and intuitive UI design with consistent theming
- 🌙 Custom fonts (Oddval and K2D) for distinctive branding
- 📱 Responsive design for various screen sizes and orientations
- 🌐 Cross-platform support (iOS, Android, Web, macOS, Linux, Windows)
- 👨🏫 Instructor tools for course creation and management
- 💳 Secure payment processing for premium content
- Flutter for cross-platform development
- GetX for state management and navigation
- Chewie and Video Player for media playback
- Get Storage for local data persistence
- File Picker and Image Picker for media uploads
- Custom theming and styling throughout
- Oddval (SemiBold, SemiBold Italic) for headings and emphasis
- K2D (ExtraBold) for titles and navigation elements
- iOS
- Android
- Web
- macOS
- Linux
- Windows
- Flutter SDK (version 3.5.4 or higher)
- Dart SDK (version 3.5.4 or higher)
- Android Studio / Xcode (for mobile development)
- VS Code or preferred IDE
- Git for version control
- Clone the repository
git clone https://github.com/yourusername/skillzone.git- Navigate to project directory
cd skillzone- Update flutter to latest version
flutter upgrade- Install dependencies
flutter pub get- Create a .env file in the root directory with required environment variables
API_URL=your_api_url_here
API_KEY=your_api_key_here
- Run the app
flutter runlib/
├── assets/
│ ├── fonts/ # Custom fonts (Oddval, K2D)
│ ├── images/ # Static images and illustrations
│ ├── svgs/ # Vector graphics and icons
│ ├── videos/ # Sample video content
│ └── logo/ # App logo in various resolutions
├── features/
│ ├── auth/ # Authentication and user management
│ ├── navigation/ # App navigation and routing
│ ├── courses/ # Course listing and details
│ ├── player/ # Video player and controls
│ ├── quiz/ # Quiz functionality
│ ├── profile/ # User profile management
│ └── payment/ # Payment processing
└── core/
├── theme/ # App theming and styling
├── models/ # Data models
├── services/ # API and backend services
└── utils/ # Helper functions and utilities
This project is part of academic coursework and is subject to university/college guidelines.
As this is a college project in development, contributions are currently limited to project team members. However, feedback and suggestions are welcome:
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature) - Commit your Changes (
git commit -m 'Add some AmazingFeature') - Push to the Branch (
git push origin feature/AmazingFeature) - Open a Pull Request
- Flutter - UI toolkit for building natively compiled applications
- GetX - State management, navigation, and dependency injection
- Chewie - Video player with customizable controls
- Flutter SVG - SVG rendering support
- Smooth Page Indicator - Page indicators for onboarding
- Percent Indicator - Progress visualization