Web application: A course review and comments website

Web application: A course review and comments website

Introduction

In the first version, I developed the website with Django and hosted it with Amazon EC2. In the second version, I changed to Spring Boot and Angular to provide a better front-end GUI. Here are some pictures of the second version.

Presentation

Home page

Every course is a card or widget with two buttons in the right corner. It is a clear way to display the key information.

Course-review home page

Create a new course

Using the button in the top menu bar, we can create a new course by filling in its information.

Create-course form

The newly created course is displayed on the bottom row.

New course displayed in the list

Update a course

We can update the information by clicking the pencil icon in the right corner of a widget. In this example, we update the cover-image URL of the test course.

Update-course form

The test-course widget now has the new cover image.

Course with its updated cover

Delete a course

We can delete an expired course with the cross button in the corner of its widget.

Delete-course control

Here, we delete the Introduction for Blockchain and Money.

Selected course before deletion

Afterwards, it is gone from the list.

Course list after deletion

Search for a course

We can search for a course using its name, description, college, and other fields.

Course search

Source code

First version

Django implementation

Second version