{"id":15287186,"url":"https://github.com/ragab0/lms-web-based-system","last_synced_at":"2026-04-10T00:06:46.433Z","repository":{"id":256366034,"uuid":"855012505","full_name":"ragab0/lms-web-based-system","owner":"ragab0","description":"Learning Management System | our final project for the DEPI scholarship","archived":false,"fork":false,"pushed_at":"2024-10-23T20:56:14.000Z","size":121213,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2024-10-24T08:51:03.792Z","etag":null,"topics":["bootstrap","css3","es6","expressjs","framer-motion","html5","javascript","json","jwt","nodejs","reactjs","redux-toolkit","socket-io"],"latest_commit_sha":null,"homepage":"https://lms-depi-final-project.vercel.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ragab0.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-09-10T06:38:59.000Z","updated_at":"2024-10-23T20:56:18.000Z","dependencies_parsed_at":"2024-10-26T09:26:24.368Z","dependency_job_id":"422a7735-b115-4c17-8568-f6dfcf511efe","html_url":"https://github.com/ragab0/lms-web-based-system","commit_stats":null,"previous_names":["ragab0/lms_project","ragab0/lms-web-based-system"],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ragab0%2Flms-web-based-system","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ragab0%2Flms-web-based-system/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ragab0%2Flms-web-based-system/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ragab0%2Flms-web-based-system/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ragab0","download_url":"https://codeload.github.com/ragab0/lms-web-based-system/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245200679,"owners_count":20576673,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bootstrap","css3","es6","expressjs","framer-motion","html5","javascript","json","jwt","nodejs","reactjs","redux-toolkit","socket-io"],"created_at":"2024-09-30T15:25:34.328Z","updated_at":"2025-12-30T20:04:38.556Z","avatar_url":"https://github.com/ragab0.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# EDEPedia - DEPI Academy - eLearning Management System\n\nEDEPedia or DEPI Academy is a comprehensive eLearning Management System (eLMS) that provides a platform for students to access courses, interact with instructors, and manage their learning journey. The system consists of three main components: the main app for students, a dashboard app for instructors, and an admin app for system management.\n\n## Project Structure\n\nThe project is organized into three main applications:\n\n1. Main App (`src/apps/mainApp`)\n2. Dashboard App (`src/apps/dashboardApp`)\n3. Admin App (`src/apps/adminApp`)\n\nEach app has its own routing and components, with shared components, utilities, and data in the root `src` directory.\n\n## Project Overall Features\n\n- User authentication and authorization\n- Course creation, management, and enrollment\n- Video lesson playback and content management\n- Progress tracking and analytics\n- Instructor profiles and course management\n- Student reviews and ratings\n- Shopping cart and checkout process\n- Responsive design for various devices\n- Admin panel for user and content management\n- Real-time messaging and notifications\n- Comments system and replies\n- Rating and reviews system with CRUD operations\n\n## 01 Main App\n\nThe main app is the primary interface for students and visitors. It includes the following key features and components:\n\n### Home Page\n\n- Showcases featured courses and instructors\n- Provides quick access to course categories\n- Displays team members and their mentor (About)\n\n### Course Listing\n\n- Allows users to browse and search for courses\n- Implements pagination, filtering, and sorting options\n- Displays course cards with key information\n\n### Course Details Page\n\n- Shows comprehensive course information\n- Includes instructor details and reviews\n- Provides options to enroll or add to cart\n\n### Shopping Cart\n\n- Manages selected courses\n- Allows users to adjust quantities, wishes, or remove items\n\n### Wishlist\n\n- Enables users to save courses for later consideration\n\n### Checkout Process\n\n- All courses are free till now!\n\n### User Profile\n\n- Displays enrolled, archived courses, and progress\n- Manages account settings and preferences\n- Shows reviews, assigned instructors, and the ability to message each one\n\n### Instructor Profiles\n\n- Highlights instructor qualifications and courses\n- Displays ratings and student feedback\n\n### Messaging System\n\n- Allows students to communicate with instructors\n- Supports real-time notifications for new messages\n- Opens a messaging room with the instructor when a course is purchased, with an activity indicator for real-time messaging notifications for new messages, indicating whether they have been read or not.\n\n### Course Content\n\n- Provides access to bought courses\n- Implements a progress tracking system for each course\n- Latest opened menu of the latest video tracked for better user experience\n\n## 02 Dashboard App\n\nThe dashboard app is designed for instructors to manage their courses and interact with students. Key features include:\n\n### Instructor Dashboard\n\n- Displays an overview of course performance and earnings\n- Shows recent courses, reviews, and student engagement metrics\n\n### Course Management\n\n- Allows creation and editing of courses\n- Integrated with YouTube API to extract videos (titles, sources, and thumbnails) from a playlist\n\n### Review Management\n\n- Displays student reviews for instructor's courses\n\n### Profile Management\n\n- Allows instructors to update their profile information\n- Manages instructor qualifications and expertise areas using markdown\n\n## 03 Admin App\n\nThe admin app provides system-wide management capabilities:\n\n### User Management\n\n- Manages all user accounts (students, instructors, admins)\n- Ability to create, edit, or deactivate user accounts\n\n### Course Oversight\n\n- Reviews and approves new courses\n- Monitors course quality and student feedback\n\n## Technologies Used\n\n### Main Technologies\n\n- React.js\n- Redux Toolkit for state management\n- React Router for navigation\n- Bootstrap for styling\n- Socket.io for real-time communication\n- Chart.js for data visualization\n- Axios for API requests\n\n### More Technologies (React Libraries)\n\n- React Hook Form for form handling\n- React Select for advanced select inputs\n- React Player for video playback\n- React Markdown for rendering markdown content\n- React Toastify for notifications\n- Skeleton for skeleton components on initialization and loading\n\n### Additional Tools\n\n- **Git \u0026 GitHub**: For version control, including merging and rebasing.\n- **Figma**: For transforming UI designs into functional, interactive, pixel-perfect digital experiences.\n- **Vercel**: For hosting the application.\n\n## Material\n\n- [Project PowerPoint](./src/data/preview/EDEPedia-Overview.pptx)\n  ![Project Powerpoint-3-img](./src/data/preview/EDEPedia-preview.png)\n\n## Other Important Sources\n\n- [API Repository Link](https://github.com/ragab0/learning-management-system-api) the back-end repo\n\n- [Figma designes](\u003chttps://www.figma.com/design/YaJ5R8AI8PZMNTPNxSu8i7/Learning-Management-System-(Community)\u003e) the Ui designes\n\n  ![figma-designes](./src/data/preview/EDEPedia-ui-preview.png)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fragab0%2Flms-web-based-system","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fragab0%2Flms-web-based-system","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fragab0%2Flms-web-based-system/lists"}