- Arquiteto Web
- Mentor na Codaqui
- Co-fundador da DevParaná
- Desbravador dos limites da Web
- Curioso pelo universo que nos circunda
Links:
- Documentos úteis
- Conteúdo no YouTube
- Conteúdo no Notion
- Conteúdo no Dev.to
- Eurotrip em 2022
- Perfil no Linked In
- DevPR Old School
- Perfil no Twitter
- Dev (POC) Arquitetura em camadas e geradores de CRUD 100% funcionais com código de qualidade
- Nx Clean (POC) para compartilhamento de código de forma agnóstica a frameworks
- Domain Event Driven: (POC) de arquitetura orientada a eventos no front-end.
- Dev Exp: CRUDs a partir de um array de strings.
- TSX vanilla: Projeto para apresentar fotos escrito em TSX com typescript puro
- Web Navigation: Implementação de um router web usando a nova Web API com suporte nativo em navegadores
- Barcode API: Leitura de código de barras e QRCode usando Web API nativa
- Nx Figma Plugin: Plugin para criação de repositórios Nx a partir de componentes Figma
- WebRTC & Web Audio: Streaming de áudio peer to peer usando Web API nativa
![](/guiseek/guiseek/raw/main/assets/c4-model-for-figma.png)
![](/guiseek/guiseek/raw/main/assets/youtube-channel.png)
Architecture | |
---|---|
Micro Front-end | React Micro front-ends & Module Federation |
Nx Clean | POC para compartilhamento de código de forma agnóstica a frameworks |
Domain Event Driven | POC de arquitetura orientada a eventos no front-end. |
Dev Exp | CRUDs a partir de um array de strings. |
Web Speech | |
GPT3 por voz | Converse com a I.A. por voz e ouça as respostas. (Web Speech API) |
WebRTC | |
Signaling | POC de conexão WebRTC com triggers para renegociação em casos de falha |
WebRTC | Workshopp apresentado na Codecon sobre TypeScript e WebRTC |
Speek Video | Chat de áudio e vídeo p2p usando WebRTC, em Angular e NestJS. |
WbRTC DTMF | Exemplo de ligação usando tons de discagem no browser. (WebRTC). |
p2p works | Chat de áudio e vídeo p2p com opção de gravação e envio de arquivos (WebRTC) |
Animation | |
Time Guide | Interface para criação de animações CSS. |
SVG 3D Cube | Cubo 3D animado com SVG e TypeScript. |
Web Audio | |
Web Audio Player | Audio Player com visualização em gráfico de barras (Web Audio API). |
Custom Elements | |
Easy Element | Pequeno framework front-end focado em gerenciamento de estado (Custom Elements API). |
Element | Framework aplicando patterns utilizados em vários frameworks (Custom Elements API). |
WorkStream | Framework com decorators para emitir eventos e selecionar elementos no DOM (Custom Elements API). |
Web | Autocomplete, Checkbox, Checkbox group com estado indeterminado. (Custom Elements API). |
Calendário | Componente de calendário (Custom Elements API). |
Canvas | |
Video preview | Gerador de thumbnails de vídeos no Front-end (Vanilla). |
Audio wave | Gerador de ondas de áudio no Front-end. (Vanilla, Web Audio API). |
Whiteboard | Quadro de desenho p2p. (WebRTC DataCannel API). |
Deaht Tower | Jogo escrito em TypeScript compatível Gamepad API. |
Warship Space | Jogo com navegação no espaço e efeito parallax nas estrelas. (Vanilla) |
Snake Mini | Snake Game em 100 linhas |
TypeScript Cloth | Cortina 3D em TypeScript. |
Chroma Key | Efeito Chroma Key para fundo verde (Vanilla). |
Report Bug | Gravação de captura da tela em vídeo no formato webm (Media Recorder API). |
Video Crop | Crop de vídeo em tempo real no Front-end, (Media Stream API e Web Streams API). |
Video ASCII | Vídeo renderizado em ASCII (Vanilla). |
CLI | |
Compiler | Compilador TypeScript e CLI (Vanilla). |