Home

RYUG Store Wiki

RYUG ("Recycle Your Ugly Gift") is a six-page storefront mockup for a shop that cleans up and resells household items. I built it for Web Programming I at Kent State (CS4-4105, Fall 2025) using plain HTML, CSS, and vanilla JavaScript. Bootstrap 5.3 loads from a CDN for the navbar and grid.

This wiki documents how the site is wired together and how each interactive piece works in the code.

What this project is (and is not)

It is a front-end demonstration. Every page runs in the browser with no back end behind it. The login, the cart buttons, the contact form, and the newsletter signup are interface mockups. They do not persist data or talk to a server.

Pages

• index.html: the login gate and the entry point
• home.html: the storefront homepage with featured items and an unboxing video
• catalog.html: the product grid with live search, a specs table, and a newsletter form
• discount.html: a single-flip discount game
• history.html: an auto-scrolling timeline
• contact.html: a contact form and store policies

Where to go next

• Architecture: the site map and the JavaScript module breakdown
• Features: how each interactive feature works in the code
• Getting Started: how to run the site
• Roadmap: what a back end would add