Main projects:

Click on the names to be redirected to the projects on github!

VerifiQ

HTML/CSS and Javascript

This project it about a service where a costumer post various photos of your sneaker (tennis) and after pay a tax, he recieve a blockchain certificate of originality thas proves that the sneaker its not fake. This project had a complex development because it is about integrating blockchain with the backend and frontend.
My function, its develop the frontend, where, using HTML, CSS and Javascript, i delivered on time with a good final result:

In this project, i acquired satisfactory knowledge about the rules of HTML and CSS, learn how to make animations, i also accept JS as a magical solver of unsolvable problems. The javascript helped us in the login, doing a basic animation, and removing the "Login Button" of the screen, after the user logs in. My team have to do a good colaborations and comunication, utilizing the GitHub.

This project learn me various frontend techinicals and who to make a excellent teamwork.

Pediatrics website

HTML/CSS

A costumer ask to a website where various informations about pediatric medicine where the informations are easily accessible visual, to all audiences. This service worked to i learn more utilites from HTML and CSS, and communication with the costumer.

The initial idea was a simple website, but the costumer ask a means of identify how many access the website have, the solution that i found it using Google Analitics:

Tribute to the Zelda franchise

Tailwind CSS and Javascript

As a way to train TailwindCSS, i made this tribute with sections where i show the most impatient moments of each 3D game in Nintendo's The Legend of Zelda franchise, when clicking on the logos the user is redirected to the videos. I consider this my best example of UX:

Initially the project was very heavy due to the amount of audio and video, but i found a solution using the "Cloudinary", upping the files to cloud and pulling them with URLs. For now, the project is only available in Portuguese

Click here to enjoy the experience!

Knowledge acquired:

Advanced ToDo

Javascript

As a way of training my JS skills, I took a paid course from the "Hora de Codar" team, a ToDo where the user can change tags using JavaScript to save, edit and delete data that was entered by him:

Despite being under supervision, I was able to develop and learn good JS techniques, which i will take with me into my professional life.

Simple Plataform game

Javascript

Using mostly Javascript, I created a "platform game", where the blocks move towards the player, who just jumps. The biggest difficulty was creating the collision and the HUD, which directly impacts the gameplay, such as ending the game, changing the volume (using labels). It was an interesting project where I added some sounds for everything, such as jumping, winning, losing, and points scored.

I set a limit of 50 points so that they wouldn't be infinite, I used the thematic colors from the portfolio and all the sounds used were from the Mario franchise.

Play!

QR Code generator

API integration

In this project, i used a QR Code API generator, and integrated him to my idea of making my own QR Code generator as a training in both Javascript and API integration:

Box shadow generator

Javascript

I built an interactive box-shadow generator using JS where the tool lets users adjust parameters like offset, blur, spread, and shadow color in real time, displaying both the visual result and the corresponding CSS code. It was a great exercise in DOM manipulation and event handling:

Pages with slow connection

Lazy loading

In this project, I created an image-heavy page and used Chrome DevTools to simulate a Slow 4G network. I then implemented lazy loading on the images to improve loading performance:

This setup demonstrates how lazy loading delays the loading of off-screen images, reducing initial website load time and saving bandwidth on slower connections.

Clones made by me:

Instagram

HTML/CSS

Based on an older Instagram page and utilizing only HTML and CSS, i copied the Instagram login page, to train the basics, like divs postion, flexbox function and CSS properties (Mobile and Desktop).

Iphone 13 Pro

HTML/CSS and Javascript

HTML and CSS were used to clone the page and JavaScript to transition the cell phone color tags, the color is set as "active" and when clicking on another, the JS changes the tag (Mobile and Desktop).