Juana Laxalde Mangini

Personal Introduction

Over the past three plus years, I’ve been on the detailed yet often unpredictable journey of teaching myself how to code. I’ve worked through guided courses from providers such as Google and freeCodeCamp, and paired that with plenty of self-directed learning - diving deep into YouTube tutorials, Reddit threads, Stack Overflow documentation, and GitHub projects in an effort to truly understand what it means to be a developer. Along the way, I’ve explored everything from core computer architecture, general troubleshooting, and mathematical logic, to design principles, object-oriented programming and coding languages, which led me to finally landing my first role in IT. Looking back I understand that my biggest challenge was overcoming my own fear, being faced with the very complex, diverse and evergrowing world technology was scary and quite humbling, but I'm certainly glad I kept going. I hope that this portfolio-site offers you a clear sense of what I'm capable of creating, while also allowing some of my personality shine through.

Certifications

Javascript Certification (Ongoing) [2025]: View Credentials
Responsive Web Design Cartification [2025]: View Credentials
Google IT Support [2024]: View Credentials
Relational Database Certification [2022]: View Credentials
Scientific Computing with Python [2022]: View Credentials

Activity Chart on freeCodeCamp - As of December 2025

View Live Progess

Skills & Experience

For work experience and personal information, please click here to download my résumé.

Scroller Game

Learning about javascript's p5.js frontend library through a guided side-scroller game project.

✓ Collect all Katanas.
✓ Avoid the boiling water pits.
✓ Get an extra life every 3 shields collected.
✓ Choose your direction, left or right.
✓ Game ends when you reach either breakpoint.

Controls

A - Move Left
D - Move Right
W/SPACE - Jump
esc - Exit the game.

Drum Machine

Interactive drum machine that works by clicking on screen or pressing letters. Javascript code used for event listeners that triger audio elements within each div.

About This Site

This portfolio page was hand-built by myself using semantic HTML, custom CSS, and some JavaScript to add interacrivity. The layout uses CSS Grid and Flexbox to create a fixed left nav and fixed bottom footer with a scrollable main section on desktop. It also presents a responsive design for smaller screens with a single-column flex container with the nav and footer fixed to the top and bottom of the screen respectively.

AI Usage Transparency

I only relied on AI as a coding assistant, mainly for quick refactors, accessibility checks, concept revision, and debugging nudges. Typical prompts were things like “can I embed svgs on my html?”, “why is this iframe throwing a 404” and “review my code for best practices compliance”. All implementation decisions, styling, and content were authored and reviewed by me.

The build is intentionally lightweight — no bundler or framework—so it serves fast on GitHub Pages. Assets are organized under /assets directory as follows - CSS sheets, icons, fonts, projects, and the p5 game.