Portfolio website

Personal website portfolio created to showcase my projects, skills and to be a way to interact with clients and developers.

Personal website portfolio created to showcase my projects, skills and to be a way to interact with clients and developers.

Built initially with HTML5, TailwindCSS and a bit of JavaScript.

Updated to Next.js to include a blog, improve SEO, use components and facilitate reutilization.

TailwindCSS was a tool very useful to follow a design system and create a custom designed website while taking advantage of its utility-first characteristic to fast prototyping and update.

The project was designed to provide a great user experience and have good performance. Gimp and imageoptim were tools that made easy the process of creating the images needed to respond at different viewport's width and compressing them to achieve better performance.

Although initially used Lighthouse (Google Chrome Console Tool) and RespImageLint to detect images issues that affect page performance and user experience after the transition to Next.js the majority of the work was made by the framework and the Image Component.

More projects

  • Back to Fluency AI

    An English learning platform built around the gap between your mother tongue and English: tailored audio lessons plus AI conversation practice by voice.

  • Speak Level

    An API-first speaking diagnostic: record a short sample and get a CEFR level, per-dimension scores, and recommendations ordered by impact.

  • Job Tracker

    A private job-search app where Claude agents find, score, research and prepare applications, while every change they make waits for my approval.

  • Perishable Shelf Stacking

    Replaces the paper shelf-life list grocery stockers work from with a searchable product card showing the pre-calculated sticker date and exact shelf locations.

  • Influence Crew Builder

    Influence crew builder help optimize the crew composition to get the best result in your activities.

  • Money Tracker

    Amazon Web Services (AWS), among other cloud computing vendors, enable our teams to focus on the creation of value to the client.

  • Exit Strategies

    The GraphQL model is the center, from it you can generate the types used for AWS DataStore to implement your CRUDL operations.

  • Github Jobs

    Making API calls is key to web development. This project explored the use of fetch to make API requests.

  • Nature at your feet

    This project explores the basics properties of CSS Grid and how it allows responsive layouts.

  • Image Gallery

    This project provided a possibility to use CSS Grid while trying to get a responsive website.