Web Dev

School projects focused on front-end development using HTML, CSS, and JavaScript. Each project emphasizes responsive design and modern web practices.

Group Project Floats System

C de Cómic

This project was an intensive group challenge to build a fully functional comic bookstore from scratch. My primary role was the Lead Developer.

Technically, the project was a lesson in precision. We were restricted to a Float-based grid system, which required meticulous mathematical calculations for every column to ensure a perfect structure without the aid of modern Flexbox or Grid tools.

Following a strict Mobile First philosophy, we started the process in Figma for prototyping. This ensured that the user experience was optimized for smaller screens before a single line of code was written in HTML, CSS, and JavaScript.

SEE LIVE SITE
adableu/c-de-comic
adableu/music-artist
Individual Project Flexbox

music artist

An individual project dedicated to exploring modern UI/UX trends for the music industry. I chose to build a digital home for a musical artist, focusing on high-impact visuals and fluid navigation.

This project allowed me to implement Flexbox, providing a more elastic and dynamic layout compared to legacy systems. The development remained strictly Mobile First, ensuring the mobile experience was the priority throughout.

Like all my work, the execution started in Figma, where I focused on display typography and a high-contrast aesthetic that matches the artist's brand identity.

SEE LIVE SITE