Supports sequencing operations, stores memory, keyboard
support. The implementation involved DOM manipulation, use of
data attributes, ternary operators and template literals.
Etch-a-Sketch
Percentage breakdown of technologies used:
HTML: 3.3%
CSS: 27.9%
JS: 68.8%
Simple coloring game on a grid. Choose single or random color,
erase the colors or clear the grid. All html elements are
created with Javascript.
Landing Page
Percentage breakdown of technologies used:
HTML: 23.3%
CSS: 72.9%
JS: 3.8%
Landing page created for a local 3D printing company with Figma logo design.
Survey Form
Percentage breakdown of technologies used:
HTML: 61.2%
CSS: 38.8%
Responsive submit form created with Flexbox.
Technical Documentation Page
Percentage breakdown of technologies used:
HTML: 83.0%
CSS: 17.0%
Technical documentation page for CSS Flexbox. Custom navbar
created with the "checkbox hack".
Tribute Page
Percentage breakdown of technologies used:
HTML: 72.2%
CSS: 27.3%
Tribute page with photo gallery made with CSS Grid.
I was tasked with designing a one-page landing site for a local bar using the provided media and text.
While the content
was supplied, the full design and layout were my responsibility, ensuring a user-friendly, visually
appealing experience
that fit the bar’s brand.
The goal of this project was to implement event and catering subdomains, following the established
design of a
restaurant's main website. In the deployed version, a minor modification was made by incorporating a
traditional header
navigation bar in place of the original hamburger menu, offering a more familiar user experience.
