Font size
  • A-
  • A
  • A+
Site color
  • R
  • A
  • A
  • A
Skip to main content
If you continue browsing this website, you agree to our policies:
  • Data Privacy Consent Form
Continue
x
PSHS-MC KHub
  • Home
  • Course search
  • More
You are currently using guest access
Log in
PSHS-MC KHub
Home Course search
Expand all Collapse all

Q4 1st Graded - Movie Rating

  1. G9 Courses
  2. SY25.CS3
  3. CRUD
  4. Q4 1st Graded - Movie Rating
Completion requirements
View
Make a submission
Receive a grade
Opened: Thursday, 26 February 2026, 11:20 AM
Due: Wednesday, 4 March 2026, 5:00 PM

Our 1st Graded Exercise will focus on the first two CRUD operations which are Create and Read.  Follow the instructions given regarding the requirements of this exercise

Instructions:

  1. Please create an html file inside your portfolio repository, under public and quarter 4 and name it as q41gSectionLN.html.
  2. Create a form similar to the one shown below, the Genre options would be up to you.

  3. The stars should change to yellow when clicked.
  4. When a user clicks the Add Movie button, it should save the data to the localStorage.  Make sure that the data uses a JSObject with the correct structure but stringified.  A sample localStorage status as shown below:
  5. Every time a movie is added, the Movie List grows as shown below: 
  6.  
  7. The stars for each listed movie will just show the current rating (for now) not the average rating.  We will do average rating in the update part next exercise.
  8. Update your index.html to have a link to this exercise.
  9. Commit your changes to your online repository in Github.
  10. Submit your Github live server and to your repository.  To this submission bin.
  11. Rubrics are as follows:

Rubrics for Grading

Criteria

Description

Points

1. Code Functionality/Correctness

The program runs correctly, produces expected results, and meets the requirements of the exercise. Partial credit if mostly correct but with minor errors. Partial credit also if answered using the “brute force” method.


For this exercise:

  • The use of form and star rating based on selection (3pts)

  • Create and Reading of data to and from localStorage with correct JS Object definition (5pts)

  • Listing of data at the bottom of the form with stars in yellow (5pts)

13 pts

2. CSS Implementation

Applied CSS to make the form presentable and aesthetically pleasing to the user

3 pts

3. Good Coding Practices

Proper indentation, meaningful variable names, comments explaining key parts, and consistent formatting. Encourages readability, maintainability and testability.

2 pts

4. Portfolio Update & Documentation

Final output is saved, documented, and added to the student’s coding portfolio that contains complete requirements for documentation.

2 pts

.

Previous activity 4th Qtr Requirements, Outline and Rubrics
Next activity 3Q Long Test

Contact us

Follow us

You are currently using guest access (Log in)
Data retention summary
Policies
Powered by Moodle

This theme was developed by

Conecti.me
Moodle Appliance - Powered by TurnKey Linux