My Portfolio Projects

Chocolate Shop (WIP)

This is a rework based on an existing chocolate shop's website (Felfort's). You can check the original e-commerce so you can compare it to my rework.

Additionally, you can also read the case study to check the changes I made.

Features:

  • Greatly improved accessibility
  • More intuitive navigation
  • Better CTA's
  • Blog section

WIP:

  • Functional shopping cart
  • Recipes section

Cooking blog

This cooking blog portfolio project is an overhaul of a cooking blog that actually exists (Paulina Cocina, a well known foodie vlogger and influencer from Argentina).

The original WordPress-based website uses Elementor, so of course emulating it with only HTML, CSS, and JavaScript was a little challenging at first. Check out this post to read more about it!

Features:

  • 100% responsive
  • A print button on every recipe page (they can also be saved as PDF files)
  • Improved navigation and overall UX design

Meme generator

Upload an image, type the top and bottom text, and download your meme in PNG format!

This meme generator is made so that each action is taken step by step: the download button and the text fields are disabled until an image is uploaded. Then, the download button remains disabled until both text fields are filled. This is to ensure the users take the required steps in order as they should.

My previous portfolio

I built my previous portfolio in August 2022, but as time passed by I felt like it was a bit much: everything was too big. So I wanted to build a more elegant portfolio, while also keeping it accesible.

I started to work on my current portfolio (the one you're visiting right now!) in May 2023, right after finishing my Google certification in UX design and applying everything I learned to improve it!

Features:

  • Dark/light mode toggle
  • Language toggle (for English and Spanish)
  • Social media sharing buttons
  • Fully responsive

Ice Cream Shop (PD course project)

This was my final project for Potrero Digital's back-end development with PHP & SQL course.

It's still not finished, but the product catalogue is functional!

Features:

  • Fully responsive
  • Login form
  • Product inventory with images and categories
  • Dynamic product view

Potrero Digital course projects

This is the page I made to feature all projects that were part of Potrero Digital's back-end development course (with PHP & SQL).

I designed it following the style of Potrero Digital's website, including colors, typography and more.

If you're from Argentina, make sure you check their courses and certifications!

Codo a Codo course projects

This is the page I made to feature all projects that were part of Codo A Codo's full-stack development course (with Node.js).

I designed it following the style of Codo A Codo's website, including colors, typography and more.

Keep in mind the main project (the Funkoshop e-commerce website) is still unfinished!

Percentage Calculator

This is a responsive percentage calculator with three different options.

Only available in Spanish (for now).

Blog landing page

Before doing the cooking blog portfolio project, I looked up WordPress themes for inspiration... and that's when I came up with the idea of doing a standard blog landing page to get started.

Features:

  • Implemented Bootstrap (slider and pagination)
  • Fully responsive

Free stock photo search

I used the Pexels API for this free stock photo search project.

Images are displayed in a grid, and clicking on them leads to them opening in a new window.

Recipe directory

For this recipe directory project, I used the Edamam API.

Links to recipes are shown in cards.

Weather App

I used the OpenWeathrMap API to build a weather app to check on different cities. Try it out!