⌁ Arquiteto Web ⌁ Nx Champion ⌁ Mantenedor Github Brasil ⌁ Mentor na Codaqui ⌁ Co-fundador da DevParaná ⌁
Como co-fundador da comunidade DevParaná, ajudo orientar a próxima geração de Devs
Quando não estou trabalhando, procuro fortalecer os alicerces da comunidade
Links:
- Skateboard 3D [demo]
- Creative Filling [demo] Edite imagens na Web - Progressive Web App (Vanilla TypeScript)
- Creative Writer [demo] Crie posters para divulgação de Meetups da comunidade DevParaná
- GetLab Arquitetura em camadas com dados locais ou banco NoSQL configurando injeção de dependências
- 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.
- Snake 3D [demo] Jogue na timeline do Github 3D
- Solar War [demo] Controle uma nave no sistema solar
- 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 |
- 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
| 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). |
| 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). |