Giter Site home page Giter Site logo

zicheng-li / react-spring_boot-playedu Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 5.46 MB

This is an open source project, originally sourced from PlayEdu. All modifications and translations are my own. This project is released under the Apache 2.0 license, same as the original project.

License: Apache License 2.0

Dockerfile 0.06% Shell 0.02% Java 99.91%

react-spring_boot-playedu's Introduction

React-Spring_Boot-PlayEdu

This is an open source project, originally sourced from PlayEdu. All modifications and translations are my own. This project is released under the Apache 2.0 license, same as the original project.

Overview

PlayEdu is an educational platform designed for enterprises and schools to conduct teaching activities. This project adopts a front-end and back-end separation design, where the front end utilizes React 18 and the back end is built with SpringBoot 3.

Tech Stack

  • Frontend: React 18, Node.js
  • Backend: Java 17, SpringBoot 3
  • Database: MySQL
  • Other Technologies: Docker, MinIO, Redis, Hibernate, Maven, etc.

Project Demo

Frontend Interface:

  • Student login page Frontend Interface

  • Student dashboard Frontend Interface

  • Student course page Frontend Interface

  • Video page Frontend Interface

Backend Interface:

  • Admin dashboard
    Backend Interface

  • Add student page
    Backend Interface

  • Add class page
    Backend Interface

  • Upload video page
    Backend Interface

  • Video setting page

  • Video Watermark feature available
    Backend Interface

  • MinIO setting page
    Backend Interface

Quick Local Deployment

  1. Download the source code.

  2. Create a playedu database in MySQL and import all sql files in the /playedu/databases/ directory.

  3. Modify the MySQL service configuration in application.yml.

  4. Set up MinIO (make sure Docker is installed before this step):

    docker run -p 9000:9000 -p 50000:50000 -d --name playedu-minio \
    -e "MINIO_ACCESS_KEY=username" \
    -e "MINIO_SECRET_KEY=password" \
    minio/minio server --console-address ":50000" /data
  • After successful installation, you can access the MinIO management service at http://localhost/:50000.
  • On the login page, the default account: Username: username, Password: password.
  • After logging in, select Buckets, click the Create Bucket button, and then change the Access policy to public.
  • Finally, remember to modify the MinIO service configuration in application.yml.
  1. Install Redis (make sure Docker is installed):

    docker run -d -p 6379:6379 --name playedu-redis redis:latest

    Don't forget to modify the Redis service configuration in application.yml.

  2. Deploy the frontend:

    • Download the source code from for frontend.

    • Make sure Node.js and yarn are installed locally.

    • Run the following commands:

      cd playedu-backend && yarn
      cp .env.example .env.local
      nano .env.local  # Add VITE_APP_URL=http://127.0.0.1:9898
      yarn dev
    • Default account: [email protected], password: playedu

  3. Deploy the backend:

    • Download the source code for backend.

    • Make sure Node.js and yarn are installed locally.

    • Run the following commands:

      cd playedu-backend && yarn
      cp .env.example .env.local
      nano .env.local  # Add VITE_APP_URL=http://127.0.0.1:9898
      yarn dev

react-spring_boot-playedu's People

Contributors

zicheng-li avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.