Principais projetos

App de finanças Dinheirando
NextJS
Mantine UI Lib
NestJS
MongoDB

App de finanças Dinheirando

Aplicativo para controle financeiro pessoal com cadastro de ganhos, despesas, categorias, contas e transferências. A UI Design criei no Figma.

App de links Encurtando
NextJS
Styled Components
ExpressJS
PostgreSQL

App de links Encurtando

Aplicativo que permite gerenciar links encurtados, encurtar links, gerar QR Code de links e saber a quantidade de cliques. A UI Design criei no Figma.

Gerador de senhas seguras
HTML
Bootstrap
JS

Gerador de senhas seguras

Gerador de senhas aleatórias, com opção de personalizar o comprimento e os tipos de caracteres incluídos na senha.

Conversor de moedas
HTML
Bootstrap
JS

Conversor de moedas

Conversor de moedas que atualiza as cotações por meio de integração com API. Projeto com boa manipulação de DOM com Javascript.

Frontend Mentor

Desafios de programação frontend que completei, os desafios são do site Frontend Mentor.

Blogr landing page
HTML
SASS
JS

Blogr landing page

Desafio de código frontend do site Frontend Mentor. Landing page responsiva e com design moderno.

Formulário com várias etapas
HTML
SASS
JS

Formulário com várias etapas

Um desafio mais avançado que propõe criar um formulário com várias etapas. Também possui validações, seleção de plano e botões para avançar e voltar.

Página home de notícias
HTML
CSS
JS

Página home de notícias

Página home de um portal de notícias, também possui uma menu mobile em formato de sidebar.

Card de visualização de estatísticas
HTML
SASS
JS

Card de visualização de estatísticas

Um componente de card que exibe estatísticas e se adapta ao dispositivo com a responsividade.

Seção com 3 cards
HTML
CSS
JS

Seção com 3 cards

Uma seção de 3 cards que usa CSS Grid para exibição e se adaptam por meio da responsividade por media queries.

Componente de avaliação interativa
HTML
SASS
JS

Componente de avaliação interativa

Um componente de card que permite o usuário atribuir uma avaliação e enviar.

Gerador de conselhos utilizando API
HTML
CSS
JS

Gerador de conselhos utilizando API

Um componente de card integrado com a API de Advices que gera frases e conselhos.

Card de visualização de QR Code
HTML
CSS
JS

Card de visualização de QR Code

Um componente de card simples e moderno para visualização de QR Code.

Card de visualização de NFT
HTML
CSS
JS

Card de visualização de NFT

Um componente de card simples e moderno para visualização de NFT.