For this project, I built a structured webpage for the "Fullstack Zoo" to help "new
zookeeper interns" learn about each animal and their behaviors. I created a fully semantic HTML
layout that included a main heading, individual sections for each animal type, unordered lists
of
animal names, images with descriptive alt text, and external links to fact pages for additional
learning. This project strengthened my understanding of HTML structure, accessibility best
practices,
and organizing content in a clear, readable way for real users.
View Live Site
For this project, I built the front page of a fictional bakery called
Fullstack Bakery using Flexbox to create a clean, responsive layout
with a horizontal navbar, vertical sidebar, main content area, and
footer. I styled the page with external CSS, used margin, padding,
and gap for spacing, applied relative units for scalability, and
ensured text met WCAG AA contrast. This strengthened my Flexbox
skills and my approach to accessible, scalable styling.
View
Live Site
For the Online Store project, I recreated a full e-commerce homepage using
HTML and CSS, breaking the site into reusable sections and styling
them with a mix of Flexbox and CSS Grid. I incorporated Google Fonts
and Material Icons, and used media queries and display rules to show
or hide elements based on screen size. This project improved my
ability to translate real-world UI into clean, maintainable code and
build multi-section layouts from scratch.
View Live Site