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:
- Please create an html file inside your portfolio repository, under public and quarter 4 and name it as q41gSectionLN.html.
- Create a form similar to the one shown below, the Genre options would be up to you.

- The stars should change to yellow when clicked.
- 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:

- Every time a movie is added, the Movie List grows as shown below:
- 
- 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.
- Update your index.html to have a link to this exercise.
- Commit your changes to your online repository in Github.
- Submit your Github live server and to your repository. To this submission bin.
- Rubrics are as follows:
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:
| 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 |