/Online-Course-System

This is a system with the theme of online courses management, which can release courses, comment courses and manage categories, etc.

Primary LanguageJavaScript

Course Management System

Preview Address: https://www.fleetingsound.ca (Id: jake , password: jake)

Or

Demo Video: https://youtu.be/iBYSnz8xoUc

Functions

  1. Course release, modification and deletion, and comment on courses.
  2. Control online and offline of the carousel diagram.
  3. Browse and delete users.
  4. Add, modify and delete course categories.
  5. Use Echarts to show statistics about course categories.

Stack

Front End: React + Redux + Antd UI

Server: Express + Mongoose

Database: MongoDB

Deployment: AWS + Nginx + Node + MongoDB

Installation & Operation

  1. Server Install packages:

    npm install 
npm run dev

  2. Front End install packages:

    npm install
npm run start

  3. Configure MongoDB information.(admin info and port)

To ensure correct operation, please run the backend service first, and then run the front end again, then visit http://localhost:3000

Performance Optimization

  • Compressjs、css
  • Usinggzip

ScreenShots

1 Login Page

Snipaste_2020-08-13_18-11-17

2.Published Course

123456789

3.Home Page

1

4.User List

2

5.Course Form

3

6.Course Form

5

7.Carousels Management

6