Pet Shop
Classwork 01 - 02HTML • CSS • JS
Static Pet Shop (HTML/CSS/JS + jQuery): adds pets.html
with a gallery that loads images from the img/
folder and renders from a JS array. Reusable styles moved to a shared CSS file. Includes live checkbox filters (Dogs, Cats, Capybaras, Birds) and a Contact section with smooth scroll, address, and embedded Google Map.
Quotation Web
Classwork 03HTML • CSS • JS
Enhanced Accessory Shop: add products via a modal with a predefined selector; auto-calculates gross price, VAT, and total, with an option to delete rows.
React Calculator
Classwork 04React • Vite
Single-page calculator that adds a Discount number input and computes VAT vat = (price - discount) × 0.07
. Styled UI, configured base path, built with Vite, and deployed to GitHub Pages (static artefact: HTML/CSS/JS).
Spending Tracker
Project 1React • Vite
Two-page app: Analytics Dashboard (daily/weekly/monthly totals, line & pie charts) and Journal for entries (date, category, amount). Supports custom categories; data persists in localStorage (no backend).
Midterm Quotation App
MidtermReact • Vite • MUI
Quotation tool that preloads items from JSON, applies per‑row line‑item discounts, merges exact duplicates by name & price, and shows summary totals. UI migrated to MUI and deployed on GitHub Pages.
Project 02
Project 2React • Vite
Work in Progress...