Skip to content
View Vinnizius1's full-sized avatar
🎯
Focusing
🎯
Focusing
  • Goiânia, GO - Brazil
  • LinkedIn in/vinmm

Block or report Vinnizius1

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Content in all repositories owned by your account will be closed.
Maximum 250 characters. Please don’t include any personal information such as legal names or email addresses. Markdown is supported. This note will only be visible to you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
Vinnizius1/README.md

Vinicius M. de Mendonça 👋

Desenvolvedor Front-End com foco no ecossistema React, TypeScript e Next.js.
Praticante de código limpo, desenvolvimento guiado por testes (TDD), acessibilidade web (WCAG) e integração eficiente com APIs RESTful.


🚀 Sobre Mim

  • 💻 Atuando no desenvolvimento de interfaces modernas, escaláveis e performáticas com React, Next.js (App Router) e TypeScript.
  • 🧪 Forte compromisso com qualidade de software via TDD (Vitest, React Testing Library, Jest) e componentização com Storybook.
  • 🌐 Experiência prática em produção na we.digi com e-commerce (VTEX), resolução de bugs críticos e abordagem mobile-first.
  • ⚙️ Conhecimento em Back-End (Node.js, Express, PostgreSQL, Docker) para construção de APIs RESTful e integração de ponta a ponta.

🛠️ Tecnologias & Ferramentas

Front-End & UI

React Next.js TypeScript TanStack Query Tailwind CSS Sass/SCSS HTML5 CSS3

Testes & Qualidade

Vitest Testing Library Storybook Jest

Back-End & Banco de Dados

Node.js Express PostgreSQL Docker


🎯 Projetos em Destaque

🏆 1. Explorer de Usuários — Desafio Técnico Frontend (Union Developers)

Aplicação web de alta performance construída para consumo da randomuser.me API, com foco em arquitetura de estado, cache inteligente e testes automatizados.

Funcionalidade / Aspecto Detalhes & Arquitetura
Stack Principal React 19 + TypeScript + Vite + SCSS Modules (BEM)
🌐 Gerenciamento de Estado TanStack Query v5 (Cache em memória e refetch otimizado)
🧪 Qualidade & Testes TDD com Vitest e React Testing Library (100% das funções puras e hooks)
💻 Componentização Documentação isolada com Storybook v8.6 LTS — CSF 3.0
🚀 Performance (Lighthouse) 🟢 95+ em Acessibilidade (a11y), Práticas Recomendadas e SEO
🔗 Links 💻 Código no GitHub | 🌐 Aplicação ao Vivo (Live Demo)

🛒 2. Portal de Ingressos (Event Cart)

Aplicação React com gerenciamento de estado via Zustand, seletores atômicos para evitar re-renderizações desnecessárias e tipagem estrita com TypeScript.


📚 3. Community Library API

API RESTful desenvolvida em Node.js e Express com arquitetura MSC (Model-Service-Controller), persistência em PostgreSQL, autenticação JWT (com prevenção de Timing Attack), validação defensiva com Zod e ambiente containerizado com Docker Compose.


📬 Conecte-se Comigo

Pinned Loading

  1. desafio-frontend-union-developers desafio-frontend-union-developers Public

    🚀 Desafio Técnico Frontend (Union Developers) - Aplicação responsiva em React 19 + TypeScript + Vite, TanStack Query, SCSS Modules e TDD.

    TypeScript

  2. event-cart-zustand-ts event-cart-zustand-ts Public

    A simple and modern shopping cart application for event tickets, built with React, TypeScript, and Zustand for state management." (Uma aplicação de carrinho de compras simples e moderna para ingres…

    TypeScript

  3. community_library community_library Public

    API RESTful para gerenciamento de biblioteca comunitária. Desenvolvida com Node.js, Express e PostgreSQL (migrado de SQLite). Utiliza arquitetura MSC, Docker e autenticação segura.

    JavaScript

  4. calculadora_IMC calculadora_IMC Public

    Calculadora de IMC com feedback visual dinâmico por cores, módulos ES6 com Single Responsibility, masking de inputs e controle de timers. Vanilla JS — sem frameworks.

    JavaScript

  5. RID222544_Desafio02-dnc-responsive-blog RID222544_Desafio02-dnc-responsive-blog Public

    A responsive blog project developed as the final challenge for the DNC School's web development course. Built with HTML5, CSS3 (Flexbox/Grid), and a mobile-first approach.

    CSS

  6. projeto_individual_js_css_html_JS_REFATORADO projeto_individual_js_css_html_JS_REFATORADO Public

    Individual project "HTML, CSS e JS" building a SPA with "localStorage" by Newtab Academy. Projeto individual do módulo 2 e 3 "HTML, CSS e JS" construindo uma SPA com localStorage pela Newtab Academy.

    JavaScript 3