Voltar

Projetos

Weather App 2

Desenvolvi uma nova versão do Weather App, criada anos atrás.

Aplicação front-end utilizando Astro e React Islands, tipagem forte em TypeScript e consumindo uma API externa.

  • React
  • Tailwind
  • Astro
  • Fetch API
  • Open-Meteo API
  • date-fns
  • Typescript

Resume Builder

Aplicação web desenvolvida em Next.js para criação de currículos, utilizando formulários multi-etapas com estado centralizado e visualização em tempo real.

Permite ajustes imediatos durante o preenchimento e organização clara das informações, e realiza a geração de currículos em PDF para download.

  • React
  • Tailwind
  • NextJS
  • ShadCN
  • react-hook-form
  • i18next
  • Vercel
  • Zod

Fit Flavors

Plataforma web de compartilhamento de receitas com busca e filtros dinâmicos.

Possui funcionalidades de cadastro e gerenciamento de receitas, permitindo filtragem por tipo. A busca é otimizada com consultas eficientes ao banco de dados, e a interface atualiza os resultados em tempo real, garantindo experiência interativa sem recarregamento de página.

  • React
  • Tailwind
  • NextJS
  • ShadCN
  • MongoDB
  • NextAuth
  • Vercel
  • Zod

Fake Store

Loja web de produtos com autenticação e consumo de API.

Exibe produtos de forma dinâmica e permitindo filtragem por categorias. Inclui sistema de login e registro de usuários utilizando Firebase Authentication.

Projeto desenvolvido como estudo prático de integração com Firebase e manipulação de dados dinâmicos no front-end.

  • React
  • Vite
  • Tailwind
  • ShadCn
  • Router-Dom
  • Firebase
  • API

Random Quote Generator

Aplicação web que consome uma API utilizando Axios para realizar requisições assíncronas.

Gera frases aleatórias a partir da interação do usuário, com atualização dinâmica da interface ao clicar em um botão.

  • React
  • API Rest
  • Axios
  • CSS

PokeNext

O clássico projeto “todo dev já fez”,

Na prática, não adiciona nada de revolucionário ao portfólio, mas foi feito para estudar os fundamentos do Next.js, consumo de APIs e deploy na Vercel. Um projeto simples, mas cheio de aprendizado por trás do meme.

  • React
  • NextJS
  • Vercel
  • API

Wheater App

Projeto do curso The Odin Project para prática de consumo de APIs.

Permite ao usuário inserir dados que são enviados para uma API. O projeto foca em manipulação assíncrona de dados, renderização dinâmica e gerenciamento de estado no front-end.

  • React
  • Tailwind
  • Vite
  • ShadCN
  • Api

Rock Paper Scissors

Meu primeiro projeto, um jogo de pedra papel e tesoura, feito inteiramente com Javascript Vanilla

  • Javascript
  • CSS