Backend Development 7 min read

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

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

Modify

application.yml

with your MySQL, Redis and MinIO configurations.

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

Backend UI

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

Generate

.env.local

from the example and set the URL.

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

Access http://localhost:3000 with username

[email protected]

and password

playedu

.

Student Frontend (PC)

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

Generate and edit

.env.local

similarly.

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

Access http://localhost:9797 .

Related Links

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

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

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

reactSpring Bootopen-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

login 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.