CSCE 242: Web Applications

John Mai

Assignments

Screenshot of Assignment 1

Assignment 1 – Basic HTML

This assignment focuses on learning the basics of HTML, including structure and tags.

Screenshot of Assignment 2

Assignment 2 – Basic CSS

This assignment teaches CSS fundamentals, covering colors, fonts, and basic styling techniques.

Screenshot of Assignment 3

Assignment 3 – Page Layout

This assignment creates a multi-section layout and style it with Flexbox.

Screenshot of Assignment 4

Assignment 4 – Recreation

This assignment recreates the College of Arts and Sciences from the USC Website.

Screenshot of Assignment 5

Assignment 5 – JavaScript

This assignment introduces JavaScript by creating buttons and other functions.

Screenshot of Assignment 6

Assignment 6 – If Statements

This assignment continues with JavaScript by introducing If Statements.

Screenshot of Assignment 7

Assignment 7 – For Loops

This assignment uses For Loops to generate stairs for the figure to climb.

Screenshot of Assignment 8

Assignment 8 – Arrays

This assignment dives into the concept of arrays in JavaScript.

Screenshot of Assignment 9

Assignment 9 – Classes

This assignment introduces classes in JavaScript.

Screenshot of Assignment 10

Assignment 10 – Hello World Render

This assignment introduces Render to create a web service.

Projects

Screenshot of Project PDF

Project Part 1: PDF – Pokemon TCG Database

This project shall introduce the premise of how I want to build the Pokemon TCG Database.

Screenshot of Project Wireframe

Project Part 2: Wireframe – Pokemon TCG Database

This part of the project introduces the scope of what the webpage will look like once completed.

Screenshot of Project HTML and CSS

Project Part 3: HTML and CSS – Pokemon TCG Database

This part of the project puts the wireframe into use using HTML and CSS.

Screenshot of Project HTML and CSS Continued

Project Part 4: HTML and CSS Continued – Pokemon TCG Database

This part of the project is a continuation of implementing HTML and CSS.

Screenshot of Project HTML and CSS Continued Further

Project Part 5: HTML and CSS Continued Further – Pokemon TCG Database

This part of the project is a continuation of the continuation of implementing HTML and CSS.

Screenshot of Project JavaScript

Project Part 6: JavaScript – Pokemon TCG Database

This part of the project implements the JavaScript through json parsing.

Screenshot of Project Contact

Project Part 7: Contact – Pokemon TCG Database

This part of the project adds the "Contact" page for users.

Screenshot of Project React App

Project Part 8: React – Pokemon TCG Database

This part of the project introduces React App.

Screenshot of Project API

Project Part 9: API – Pokemon TCG Database

This part of the project implements the API portion of the React app.

Screenshot of Project Post Requests

Project Part 10: Post Requests – Pokemon TCG Database

This part of the project introduces post requests.

Screenshot of Project Edit/Delete Requests

Project Part 11: Edit/Delete Requests – Pokemon TCG Database

This part of the project implements the edit/delete requests.

Screenshot of Project MongoDB Server CRUD

Project Part 12: MongoDB Server CRUD – Pokemon TCG Database

This part of the project uses MongoDB to access the database.