👋 Hello, I am

Gabriela Hyodo

Front-End developer, based in Barcelona

Contact me About me

Most recent projects

Coffee Web Page

I began my journey into web development by studying HTML, CSS, and JavaScript. Putting my newfound skills to use in VS Code, I created a landing page centered around yogurt. To make the page more engaging, I incorporated JavaScript functions to enable user interaction, such as clickable buttons and dynamic content.

Learn more
Coffee web page preview
Weather project preview

Weather App

I developed a weather application using HTML, CSS, JavaScript, Bootstrap, integrated it with an API and hosted online. The app provides real-time weather updates and forecasts for the user's current location, along with the ability to search for weather information in other locations. With a user-friendly interface, the application offers seamless navigation and intuitive controls, making it easy for users to stay informed about the weather conditions wherever they are.

Learn more

Life-Changing book

I created a webpage dedicated to a life-changing book as part of a front-end developer challenge, providing an opportunity for individuals to practice their skills. Utilizing HTML, CSS, JavaScript, Bootstrap, and API integration, I designed the webpage with the goal of making it responsive across different devices. While it was my first attempt at using media queries for responsiveness, the project served as an invaluable learning experience. The webpage showcases the book's significance through compelling content and engaging design, inviting visitors to explore its transformative insights and participate in the challenge.

Learn more
Book challenge preview
Tv show challenge preview

Binge-Worthy TV show Challenge

For another front-end developer challenge themed around 'Binge-Worthy TV shows,' I crafted a dynamic webpage using HTML, CSS, JavaScript, and Bootstrap. Building upon my previous experience, I enhanced my skills in creating responsive designs by employing advanced techniques such as media queries, grids, and flexbox. The result was a visually captivating and user-friendly interface that adapts across various devices.

Learn more