Skip to content

A Website Application that helps complete beginners learn Python effectively with simple, structured and easy-to-follow lessons. Its goal is to provide a clear introduction to programming, avoiding the confusion and informational overload that comes with traditional learning courses.

Notifications You must be signed in to change notification settings

AlexChr2/Educational-Software

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

86 Commits
 
 
 
 
 
 

Repository files navigation

✏ Educational Software Web App

🧠 Overview

A Website Application that helps complete beginners learn Python effectively with simple, structured and easy-to-follow lessons. Its goal is to provide a clear introduction to programming, avoiding the confusion and informational overload that comes with traditional learning courses. Users can sign up, progress through learning paths, and gain experience as they complete lessons. It was developed as a University Project for the 8th semester, focusing on a user-friendly design. The tone and design of the application are friendly, engaging and practical, aiming to make the Python learning experience a fun and rewarding one.

⚙️ Tech Stack

Frontend:

  • ReactJS + TypeScript
  • Vite (for fast development building)

Backend:

  • Python + Flask
  • SQLAlchemy
  • SQLite Database

Tools Used:

  • DB Browser for SQLite (for debugging and manual data inspection)

🚀 Features

  • 🔐 Login System – Users can register, log in, and have their session stored through a user_id string.
  • XP System – Gain experience points by completing lessons.
  • 🔁 Login Streaks – Get rewarded for consistent learning activity.
  • 🏆 Achievements – Unlock titles like:
    • Experienced Python Coder
    • Problem Solver
    • Quick Learner
    • The XP Lord
  • 📈 Level Progression – Level up based on your XP total.
  • 🧩 Learning Paths – Complete beginner paths to unlock more advanced ones.
  • ⚙️ Session Handling – User sessions are stored in the backend.

📂 Installation Setup

1️⃣ Frontend Setup

# Navigate to the frontend folder
cd frontend

# Install dependencies
npm install

# Run the app
npm run dev

2️⃣ Backend Setup

# Navigate to the backend source folder
cd backend/src

# Install required dependencies
pip install -r requirements.txt

# Run the Flask backend
py backend.py

📸 Screenshots

The welcome page:

Screenshot of the welcome page.

The dashboard, with detailed user information & activity:

GIF of the dashboard

The achievements:

The achievements

The learning paths:

The learning paths

💻 Authors

🛠 Alex Chr | LinkedIn

ConstArt | LinkedIn | Responsible for most of the GUI, built using bolt.new AI, later refined and connected to the backend by Alex

About

A Website Application that helps complete beginners learn Python effectively with simple, structured and easy-to-follow lessons. Its goal is to provide a clear introduction to programming, avoiding the confusion and informational overload that comes with traditional learning courses.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published