Project

UH Jewels

TypeScript HTML CSS SQL

UH Jewels application screenshot

This web application was developed by Waltz Tuzon, Katelyn Sung, and me in our ICS 314 class. It is a mock jewelry marketplace with a home page, product catalog, shopping cart, edit cart flow, payment page, and shipping information page. Before users can access the products page, they are prompted to log in or register a new account if they have not already.

On the products page, jewelry products are read from a database, listed, and added to the user’s cart. From there, users can open the cart or continue through the checkout flow.

On the cart page, all items in a user’s cart are displayed in a table with the product name, quantity, and a link to a form for changing the quantity. The quantity form accepts a numeric value and updates the database accordingly. After making changes, users can proceed through payment and shipping forms to complete the mock order. This project gave me hands-on experience with UI development, database interactions, and full user flows.

Source: UH-Jewels/uh-jewels-application-template