About Me

Claudio, the owner oft the website picture

I'm a Frontend Developer who loves creating, responsive, and intuitive user interfaces. My journey into tech is a bit unconventional. I come from a background in sports science, which gave me a strong sense of discipline, attention to detail, and the ability for problem-solving. I’m always eager to dive into new challenges, collaborate with others, and grow my skills in HTML, CSS, JavaScript, and React. Whether it’s coding or life, I believe in pushing boundaries and staying curious. Let's create something great together!

What I do!

Web Development

Creating responsive, fast, and user-friendly websites using modern frameworks like React, Next.js, and TailwindCSS. Ensuring cross-browser compatibility and optimizing for performance.

App Development

Building dynamic, single-page applications (SPA) with React, integrating APIs, and handling complex state management using tools like Redux or Context API.

UI/UX Design

Designing intuitive and accessible user interfaces with a focus on usability, employing tools like Chakra UI and TailwindCSS to enhance the user experience.

Cloud Integration

Leveraging platforms like Netlify and GitHub for seamless deployment and version control, ensuring websites and apps are optimized for cloud environments.

Skills

Technical Skills

HTML
CSS
JavaScript

Frameworks and Libraries

React
Chakra UI
Formik
Next.js
Tailwindcss

Tools and Platforms

GitHub
VS Code
Netlify
Git

Languages

Portuguese (native)
English (fluent)
Spanish (advanced)
German (working proficiency)

Projects

Web

Vans Rental Platform

A web application designed for renting adventure vans and offering a platform for hosts to manage their van listings. This project demonstrates a comprehensive approach to user and host experiences, with features like van browsing, detailed listings, a host dashboard, and secure login for hosts. MirageJS is used to simulate a backend API for realistic data handling.

Stack:

React
React Router
MirageJS
JavaScript
CSS

E-commerce

Harmony Hub Music Store

E-commerce platform designed for purchasing musical instruments and accessories. It showcases a comprehensive understanding of front-end development, offering users a smooth shopping experience. The project includes a full product catalog, detailed product pages, a shopping cart, and an integrated checkout process. Stock updates dynamically on individual item pages. image: img,

Stack:

React
JavaScript
HTML
CSS
React Router

Web

Restaurant Website

Thi is a dynamic, responsive Web App developed as part of a Meta Professional Frontend course. It features a flexible navigation system that adapts to different screen sizes, a visually appealing hero section, and a showcase of special dishes using a sleek card layout. The app also includes a user-friendly booking form for table reservations and seamless page routing powered by React Router. Built with React, Chakra UI, and responsive CSS, this project demonstrates my ability to create engaging and functional web applications.

Stack:

React
JavaScript
HTML
CSS
React Router

App

Pantry Pall

Smart recipe management app that helps users discover meals based on their pantry items and dietary preferences. Whether you're looking for high-protein meals, fiber-rich options, or simply want to whip up something with what's on hand, PantryPal has you covered. With API integration, users can search, filter, and explore recipes with ease.

Stack:

React
API Integration
Tailwindcss
Next.js

Web

Personal Dashboard

A simple dashboard built with HTML, CSS, and JavaScript to practice API calls. The dashboard displays a dynamic background image, live cryptocurrency prices, weather data based on the user's geolocation, and a real-time clock. It integrates with Unsplash for background images, CoinGecko for cryptocurrency prices, and OpenWeather for live weather updates.

Stack:

HTML
CSS
JavaScript
API Integration
Unsplash API
CoinGecko API
OpenWeather API

Game

Etch-a-sketch

In this project, I built a browser-based toy that combines the features of a sketchpad and an Etch-A-Sketch! This challenge was an opportunity for me to hone my skills in DOM manipulation, JavaScript methods, and CSS techniques.

Stack:

JavaScript
DOM Manipulation
HTML
CSS

App

Meme Generator

A fun meme generator built with React to practice API calls and state management. It fetches meme images from the Imgflip API, allowing users to generate random memes and customize the text on the top and bottom of the images.

Stack:

React
JavaScript
API Integration
Imgflip API
useEffect
useState

Game

Tenzies

Tenzies is a dice game built with React where players roll dice and hold numbers to match all dice values. It includes state management and uses React Confetti for an interactive winning animation.

Stack:

React
JavaScript
State Management
HTML
CSS

Claudio Leite

I'm

About Me

What I do!

Web Development

App Development

UI/UX Design

Cloud Integration

Skills

Technical Skills

Frameworks and Libraries

Tools and Platforms

Languages

Projects

Web

Vans Rental Platform

Stack:

E-commerce

Harmony Hub Music Store

Stack:

Web

Restaurant Website

Stack:

App

Pantry Pall

Stack:

Web

Personal Dashboard

Stack:

Game

Etch-a-sketch

Stack:

App

Meme Generator

Stack:

Game

Tenzies

Stack:

Contact

Have a project in mind or just want to say hello? I'd love to hear from you. Let's connect and bring your ideas to life!

claudio.leite@hotmail.com