Skip to content

guiseek/guiseek

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

76 Commits
 
 
 
 
 
 

Repository files navigation

Opa, edaee 👋 👨

Eu sou e estou

  1. Arquiteto Web
  2. Mentor na Codaqui
  3. Co-fundador da DevParaná
  4. Desbravador dos limites da Web
  5. Curioso pelo universo que nos circunda

Conteúdo


Download


Links:


Canal no Youtube

DevParaná Conf 2024

Captura de Tela 2024-08-31 às 13 23 09

DevParaná Conf 2023

Assista ao vídeo


Novidades


Arquitetura

  • 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.

Fora da caixa

  • 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

Side projects

C4 model for Figma

Create nx workspace with Figma compoonents


Principais repositórios

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).

Visualizações

Releases

No releases published

Packages

No packages published