Agenda - Projeto Vue
Este projeto foi desenvolvido com o objetivo de aprender o Vue.js, e fiquei bastante impressionado com o framework. Durante o desenvolvimento, utilizei o sistema de rotas com o vuerouter e também empreguei TypeScript para garantir tipagem estática e maior robustez ao código. Ainda falta implementar a responsividade e planejo fazer a integração com um backend em breve.
Sistema de Rotas Implementado com `vuerouter`.
Uso de TypeScript Para tipagem estática.
Estrutura Modular Organização de componentes para facilitar a manutenção.
Integração Planejada com Backend (em desenvolvimento)
Tela de agendados
Tela de passados
Tela de agendar
August 03, 2024 - 1 min read
Desafio técnico - Woovi
Neste desafio técnico, a Woovi nos pediu para desenvolver 3 telas que demonstrassem o processo de pagamento via Pix, incluindo a opção de parcelamento. Criei todas as 3 telas e implementei a funcionalidade de escolha de parcelas, permitindo que o usuário finalize a transação com a opção selecionada. Este desafio foi extremamente enriquecedor e proporcionou muitos aprendizados.
React
Mobile First
you can use an UI lib. We prefer the MUI because is the one we use inside Woovi
Think in all edges cases
npm
typescript
tailwindcss
@emotion/react
@emotion/styled
@hookform/resolvers
@mui/base
@mui/iconsmaterial
@mui/material
next
React
reactdom
reacthookform
zod
July 15, 2024 - 1 min read
Plann.er - Nodejs
Projeto criado pelo Rocketseat na NLW. Participei desse projeto num mini curso da Rocketseat como um desafio para aquecer e treinar minhas habilidades em Nodejs. Foi uma experiência muito enriquecedora e divertida!
Nodejs
@fastify/cors
@prisma/client
dayjs
fastify
fastifytypeproviderzod
nodemailer
zod
July 15, 2024 - 1 min read
Plann.er - React
Projeto criado pelo Rocketseat na NLW. Participei desse projeto num mini curso da Rocketseat como um desafio para aquecer e treinar minhas habilidades em React. Foi uma experiência muito enriquecedora e divertida!
vitejs
react
axios
datefns
lucidereact
matchsorter
tailwindcss
tailwindvariants
reactdaypicker
July 15, 2024 - 1 min read
LidoneStudio
Gostaria de compartilhar um projeto recente que desenvolvi para um cliente fotógrafo de São Paulo. Ele queria uma landing page simples, mas que refletisse seu profissionalismo. Fico feliz em dizer que ele adorou a proposta!
Os resultados de desempenho no Lighthouse foram impressionantes
Desempenho 100%
Acessibilidade 92%
Boas Práticas 93%
SEO 100%
Estou muito satisfeito com o resultado e com a satisfação do cliente!
site
July 13, 2024 - 1 min read
TraduzAI - Bot de tradução em tempo real
Este projeto surgiu numa reunião da devHat, aonde temos uma daily em ingles toda sextafeira e surgiu a necessidade de um bot que traduz em tempo real para ajudar as pessoas que não tem tanta facilidade com ingles, com isso fiquei curioso de como fazer isso e aceitei o desafio para mim e comecei a fazer.
Entrar na sala
Escutar os usuário
Fazer a transcrição do audio.
Fazer a tradução do audio
Fazer transcrição em real time
Fazer uma logica melhor para fazer a tradução
Aqui estão alguns bugs que estou ciente e trabalhando para resolver
@discordjs/opus
@discordjs/voice
@ffmpeginstaller/ffmpeg
@google/generativeai
@transcribe/transcriber
@xenova/transformers
discord.js
fluentffmpeg
tsx
tweetnacl
typescript
wavefile
whispernode
zod
nodejs
npm
June 27, 2024 - 2 min read
Rebot - Bot musical para discord
Este projeto surgiu a partir de uma conversa com amigos, onde mencionaram que muitos bots de música para Discord estavam parando de funcionar. Como desenvolvedor, fiquei curioso sobre como criar um bot de música para Discord e decidi enfrentar o desafio. Consegui fazer um bot funcional que já consegue entrar em uma sala e tocar música. Ainda há muito a ser aprimorado, mas estou animado com o progresso até agora.
Entrar na sala
Tocar Musica
Criar controles de musica
Criar uma fila de musicas
Tocar Playlist do youtube completa
Tocar musica do spotify
Aqui estão alguns bugs que estou ciente e trabalhando para resolver
discord.js
@discordjs/voice
libsodiumwrappers
@distube/ytdlcore
zod
@types/node
tsx
typescript
nodejs
npm
April 11, 2024 - 1 min read