Responsive Portfolio Website

Role: Front‑End Developer

Tools: HTML5, CSS3, JavaScript, Figma

Description: Designed and built a personal portfolio from scratch to demonstrate responsive design, accessibility, and brand cohesion.

Process: Wireframed in Figma → iterated typography/spacing → implemented with semantic HTML, CSS Grid/Flexbox → optimized assets and loading.

Challenges & Solutions: Balanced visuals across breakpoints with fluid type and CSS Grid; improved performance via compression and lazy patterns.

Result: A fast, professional showcase emphasizing clarity and craft.

Type Specimen Poster — Roboto Slab

Role: Designer

Tools: Adobe Illustrator, Google/Adobe Fonts

Description: A DSGN1016 poster highlighting Roboto Slab’s structure and rhythm with a grid-first composition.

Process: 8×12 grid with ¼" spacing → scale/weight studies → refinement of letter‑spacing and negative space.

Challenges & Solutions: Balanced display vs. body scale using a modular type ramp and spacing tweaks.

Result: A clear, typographically sound composition communicating the face’s personality.

Database Design Lab — Pet Owner System

Role: Database Developer

Tools: SQL Server, ERD tools, 1NF–3NF

Description: Tables and constraints for owner/dog data with Canadian format validation and referential integrity.

Process: Schema planning → normalized tables → constraints (PK/FK, CHECK, DEFAULT) → test inserts and queries.

Challenges & Solutions: Phone/postal validation via pattern checks; refined constraints for reliability.

Result: A robust base ready for future app integration.