TG Courses#


Change language

Index#

I. Introduction:#

I.1 Project Overview:#

TG Courses is an online platform that offers modular courses focused on programming and technology. It provides structured content in a user-friendly interface, featuring university-specific courses, practical assignments, hands-on coding exercises, and simplified modules.

An administration panel allows easy management of content, enabling administrators to create, edit, and delete courses by uploading Jupyter Notebooks or Markdown files for automatic integration.

II. Objectives Of the project:#

  • Provide an easy-to-navigate, accessible platform for students to learn at their own pace.

  • Offer university-specific courses, practical assignments, and hands-on coding exercises.

  • Simplify complex topics into easily manageable parts.

  • Foster an engaging learning experience through interactive code editors, quizzes, and exercises.

  • Create an administration panel for easy management of courses, lessons, and assignments.

III.Target Audience :#

This platform will primarily target students who are beginners or intermediate learners in coding and technical fields. High school and college students, as well as anyone looking to upskill, will benefit from the accessible and hands-on nature of the platform.

IV. Key Features:#

IV.1 User Space Features:#

  • Course Catalog: Browse through a variety of courses, filter by subject, difficulty level or …etc.

  • Quiz and Exercises: Test your knowledge with interactive quizzes and coding exercises.

  • Progress Tracking: Monitor your progress through courses and assignments.

  • Discussion Forums: Engage with other students, ask questions, and share insights.

  • Certificates: Earn certificates upon course completion. for auth users

  • User Profile: Customize your profile, track your achievements, and manage your courses.

  • Responsive Design: Access the platform on any device, with a mobile-friendly interface. “cross-platform”

authentification is not required to access to this platform, but it’s required to access some features like certificates, progress tracking, and user profile.

IV.2 Admin Space Features:#

  • Dashboard: View analytics of user engagement, course completion rates, most popular courses…etc.

  • Content Management: Create, edit, and delete courses, lessons, and assignments. with out dealing with the code.

    • admin can upload a Jupyter Notebook or a Markdown file, and the system will automatically integrate the content into the platform.

  • User Management: Manage user accounts, view user progress, and provide support.

  • Data Management: Admin can do CRUD operations on all the tables in the database.

  • Permission Management: Admins can assign roles and permissions to users based on their responsibilities.

  • Data Backup: Admins can back up and restore data to prevent loss of information.

  • Hestory of actions: Admins can view the history of actions done by other admins.

V. Technology Stack:#

V.1 Frontend Technologies:#

  • use any frontend technologies you prefer.

but we recommend using HTML, CSS, and JavaScript.

V.2 Backend Technologies:#

  • use any backend technologies you prefer.

to convert the Jupyter Notebooks and markdwn to HTML, you can use one of this Lib: nbconvert, sphinx, jupyter-book (we recommend jupyter-book).

V.3 Database Technologies:#

  • SQL Database as the primary database.

VI. System Architecture:#

Lending page
Other courses
Pyhon
Dj%3CmxGraphModel%3E%3Croot%3E%3CmxCell%20id%3D%220%22%2F%3E%3CmxCell%20id%3D%221%22%20parent%3D%220%22%2F%3E%3CmxCell%20id%3D%222%22%20value%3D%22Pyhon%22%20style%3D%22ellipse%3BwhiteSpace%3Dwrap%3Bhtml%3D1%3BhachureGap%3D4%3BfontFamily%3DArchitects%20Daughter%3BfontSource%3Dhttps%253A%252F%252Ffonts.googleapis.com%252Fcss%253Ffamily%253DArchitects%252BDaughter%3B%22%20vertex%3D%221%22%20parent%3D%221%22%3E%3CmxGeometry%20x%3D%22-565%22%20y%3D%22126%22%20width%3D%22120%22%20height%3D%2280%22%20as%3D%22geometry%22%2F%3E%3C%2FmxCell%3E%3C%2Froot%3E%3C%2FmxGraphModel%3Eango
React.js
...etc
unive courses
Algebra
Algo
Os
...etc
Content Managment System
CRUD On Files
Administration
Html,css
,js
Html,css
,js
Html,css
,js
Html,css
,js
Html,css
,js
Html,css
,js
Html,css
,js
Html,css
,js
Html,css
,js
Html,css
,js
Html,css
,js
Html,css
,js
Html,css
,js
Html,css
,js
Html,css
,js
Html,css
,js
Html,css
,js
Html,css
,js
Html,css
,js
Html,css
,js
Html,css
,js
Html,css
,js
Html,css
,js
Html,css
,js
Html,css
,js
Html,css
,js
Html,css
,js
Html,css
,js
Html,css
,js
Html,css
,js
Html,css
,js
Html,css
,js
.iptnb file
.iptnb file
.iptnb file
.iptnb file
.iptnb file
.iptnb file
.iptnb file
.iptnb file
.iptnb file
.iptnb file
.iptnb file
.iptnb file
.iptnb file
.iptnb file
.iptnb file
.iptnb file
.iptnb file
.iptnb file
.iptnb file
.iptnb file
.iptnb file
.iptnb file
.iptnb file
.iptnb file
.iptnb file
.iptnb file
.iptnb file
.iptnb file
.iptnb file
.iptnb file
.iptnb file
.iptnb file
Compile
Compile
Compile
Compile
Compile
Compile
Compile
Compile

VII. Expected Outcomes:#

By project completion, this platform will offer a robust, beginner-friendly platform where students can learn, practice, and track their progress. With the potential for continuous improvements, this platform aims to become a trusted resource for self-paced learning, helping students gain the confidence and skills needed in the tech world.