Explore PlayEdu: A Full‑Stack Open‑Source Training Platform with Spring Boot & React

PlayEdu is a comprehensive open‑source training system built with Spring Boot, MySQL, Redis, MinIO on the backend and React, Redux, Ant Design on the frontend, offering detailed deployment guides, feature overviews, and screenshots for both admin and student portals.

macrozheng
macrozheng
macrozheng
Explore PlayEdu: A Full‑Stack Open‑Source Training Platform with Spring Boot & React

Project Introduction

PlayEdu is a complete open‑source training system (Apache 2.0) that provides department, student, course management and progress tracking. An enterprise edition adds third‑party login, cloud video storage, encryption, audio learning, exam generation, question‑bank management, and custom training task plans.

Technology Stack

Backend: JDK 17, Spring Boot 3.x, MySQL, Redis, MinIO, MyBatis Plus, Lombok, Gson, Hutool, Sa‑Token

Frontend: React 18, Redux, Ant Design, Axios, Day.js, TypeScript, Vite

Demo Screenshots

Admin Dashboard

Admin home page shows student statistics, daily learning ranking, and resource statistics.

Resource management supports uploading videos, images, and courseware.

Online course management allows adding/editing courses and viewing student progress.

Student management supports manual addition or LDAP synchronization.

Student Portal

The student side works on PC and H5; the example below shows the PC view.

Home page displays overall course progress, learning time, course list, and individual progress.

Learning detail page.

Video course learning view.

Local Deployment

Backend

Prerequisites: Java 17, MySQL 5.6+ , MinIO latest community version, Redis 7.

Clone the repository

git clone -b 1.5.1 https://gitee.com/playeduxyz/playedu.git playedu

Modify application.yml with your MySQL, Redis and MinIO configurations.

After dependencies are downloaded, run the project; database tables are created automatically.

Backend UI

git clone -b 1.5 https://gitee.com/playeduxyz/backend.git playedu-backend
cd playedu-backend && yarn

Generate .env.local from the example and set the URL.

# generate .env.local file
cp .env.example .env.local
# add line
VITE_APP_URL=http://127.0.0.1:9898
yarn dev

Access http://localhost:3000 with username [email protected] and password playedu.

Student Frontend (PC)

git clone -b 1.5 https://gitee.com/playeduxyz/frontend.git playedu-frontend
cd playedu-frontend && yarn

Generate and edit .env.local similarly.

# generate .env.local file
cp .env.example .env.local
# add line
VITE_APP_URL=http://127.0.0.1:9898
yarn dev

Access http://localhost:9797 .

Related Links

GitHub: https://github.com/PlayEdu/PlayEdu

Gitee: https://gitee.com/playeduxyz/playedu

Official site: https://www.playeduos.com/

Original Source

Signed-in readers can open the original source through BestHub's protected redirect.

Sign in to view source
Republication Notice

This article has been distilled and summarized from source material, then republished for learning and reference. If you believe it infringes your rights, please contactadmin@besthub.devand we will review it promptly.

Reactopen-sourcefull-stackdeployment guidetraining platform
macrozheng
Written by

macrozheng

Dedicated to Java tech sharing and dissecting top open-source projects. Topics include Spring Boot, Spring Cloud, Docker, Kubernetes and more. Author’s GitHub project “mall” has 50K+ stars.

0 followers
Reader feedback

How this landed with the community

Sign in to like

Rate this article

Was this worth your time?

Sign in to rate
Discussion

0 Comments

Thoughtful readers leave field notes, pushback, and hard-won operational detail here.