Opa 👋 👨
Em busca do máximo que a Web tem a oferecer!
Assuntos que venho estudando
- Comunicação p2p Web com WebRTC
- Arquitetura limpa em monorepo
- Web Components / Custom Elements
- NX Workspaces & Micro frontends
Sobre mim
Redes sociais
Principais repositórios
Architecture
Nx Clean Prova de conceito para aplicação de arquitetura limpa, permitindo o compartilhamento de código de forma agnóstica a frameworks
Domain Event Driven Prova de conceito de arquitetura orientada a eventos no front-end.
Dev Exp Aqui temos uma camada adaptadora que permite criar CRUDs a partir de um array de strings, onde cada string se torna uma rota/endpoint.
Web Speech
Iara OpenAI GPT3 Web Speech API Permite fazer perguntas a I.A. GPT-3 usando sua voz, bem como ouvir as respostas, com a API nativa Web Speech...
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 peer to peer usando WebRTC, em Angular e NestJS.
WbRTC DTMF Exemplo de ligação usando tons de discagem no browser usando TypeScript e API nativa WebRTC.
p2p works Chat de áudio e vídeo peer to peer com opção de gravação do streaming e envio de arquivos usando WebRTC, em Angular e NestJS
Animation
Time Guide Interface para criação de animações CSS usando TypeScript.
SVG 3D Cube Cubo 3D animado girando usando elemento de imagem SVG e TypeScript.
Web Audio
Web Audio Player Audio Player com análise de áudio e visualização usando API nativa Web Audio, Canvas e TypeScript.
Custom Elements
Easy Element Pequeno framework front-end focado em gerenciamento de estado usando TypeScript e API nativa de componentes, Custom Elements.
Element Exemplo de criação de um framework usando alguns conceitos utilizados em vários frameworks, com TypeScript e API nativa de componentes, Custom Elements
WorkStream Exemplo de criação de um framework usando decorators para emitir eventos e fazer selecionar elementos no DOM, usando TypeScript e API nativa de componentes, Custom Elements
Web Exemplos com API nativa de componentes, Custom Elements. Componentes Autocomplete, Checkbox & Checkbox group e Icon.
Calendário Componente de calendário usando TypeScript e API nativa de componentes, Custom Elements
Canvas
Whiteboard Quadro de desenho que permite a troca entre o uso de socket ou WebRTC DataCannel.
Deaht Tower Jogo escrito em TypeScript e compatível API de controle de vídeo game, Gamepad.
Warship Space Jogo com uma nave no espaço com turbo e parallax com estrelas
Snake Mini Jogo da "cobrinha" escrito com 100 linhas de TypeScript
TypeScript Cloth Cortina que permite ser balançada e até rasgada, usando Canvas e TypeScript.
Chroma Key Efeito de Chroma Key (remove o fundo verde) com elemento de vídeo usando Canvas e TypeScript.
Report Bug Gravação de captura da tela em vídeo no formato webm
Video Crop Crop de vídeo em tempo real usando TypeScript, TypeScript e API nativa de Streams
Video ASCII Vídeo usando caracteres na formação da imagem renderizada usando TypeScript.
CLI
Compiler Exemplo de compilador TypeScript e CLI