Waste Collection Service Redesign

A responsive redesign page that enhances UX while maintaining all required functionalities. Created with modern, clean architecture and smooth animations as part of a job application challenge.

ReactJS • JavaScript • Tailwind • Axios • Lucide React • Motion

Crowdfund Project

The project’s main objective is to allow users to make pledges, manage product bookmarks, and interact with hover states on key elements.

ReactJS • JavaScript • Tailwind • TypeScript

Ignite Shop

A simple, responsive t-shirt shopping app where you can add items to the cart, calculate the total and quantity, and finalize the order through the Stripe API.

Next.js • TypeScript • JavaScript • Tailwind • Stripe

Timer with History

A different countdown for controlling your tasks. Here you can give a name to your task and check it on the history tab for your own control.

React • Styled-Component • JavaScript • TypeScript • HTML

Coffee Delivery Store

A delivery coffee store in which the client can place an order, choose the delivery and the payment method.

React • Styled-Component • JavaScript • TypeScript • HTML • CSS • Radix

Github Blog Issues

A very nice application that shows all the issues related to a repo. We can use the search to look faster to an specific issue and click on it for more details.

React • Styled-Component • JavaScript • TypeScript • HTML • CSS

Food Explorer

A restaurant web app that accepts food delivery orders, lists the dishes and has an admin area to manage the dishes. To test the app, it's necessary to create an account.

React • Express • Styled-components • SQLite • CSS • HTML • JavaScript

Focus Timer

A fully responsive web app allowing time manipulation, music playback, and seamless light/dark mode toggling for optimal user experience across devices.

HTML • CSS • JavaScript

Todo App

A to-do app that marks all your tasks for the day and includes a counter that tracks how many tasks have been completed and how many are still open to finish.

HTML • CSS • JavaScript • React • Typescript

Rocket Notes

A web app for storing personal notes. It's possible to edit and delete notes as needed, as well as edit your profile and photo. To test the app, it's necessary to create an account.

React • Express • Styled-components • SQLite • CSS • HTML • JavaScript

Lucky Cookie

A super fun responsive web app that emulates a virtual Chinese fortune cookie experience, delivering wise life tips. Try it out!

Four Cards Layout

A fully responsive card layout focusing on semantic HTML5 markup, CSS Grid, CSS Grid Area, and a mobile-first approach.

HTML • CSS • JavaScript

Pricing Component with Toggle

A fully responsive pricing component that toggles between monthly and annual prices, emphasizing semantic HTML5, CSS Flexbox, JavaScript, and a mobile-first approach.

HTML • CSS • JavaScript

Sign Up Form with JavaScript Validation

This project utilized HTML, CSS, and JavaScript, following a mobile-first approach.

HTML • CSS • JavaScript

3 Column Card Component

A three card component layout that used semantic HTML, CSS Flexbox and a mobile-first workflow.

HTML • CSS

Sunnyside Agency Landing Page

A fully responsive landing page for a marketing agency, emphasizing semantic HTML5, CSS Flexbox, CSS Grid, JavaScript, and a mobile-first approach.

HTML • CSS • JavaScript