💻 Projetos Pessoais

Aqui está uma seleção de projetos pessoais que desenvolvi no meu tempo livre, alguns de forma independente, outros em colaboração com colegas talentosos.


🎮 Give the Give - Full Stack

Teck stack:

JavaScript
TypeScript
Node.js
Express.js
TypeORM
AJV
PostgreSQL
Docker
Docker-Compose
Jest
Swagger
React.js
Amazon EC2
Amazon S3

Sobre o Projeto

Visit

Jogo de Batalha por Turnos, um jogo full-stack desenvolvido com amigos, inspirado em mecânicas clássicas de turnos.

Os jogadores podem fazer login ou cadastro para entrar em um mundo de fantasia com cenário de floresta e castelo.

give the give game

Resultados Principais

  • Criado um jogo escalável, pronto para multiplayer, com autenticação segura e lógica dinâmica de gameplay.
  • API RESTful com Node.js, Express, TypeORM e PostgreSQL. Integração com AWS S3 para armazenamento de assets e Swagger para documentação

🛍️ Demo de E-commerce — Loja Responsiva - Front End

Teck stack:

JavaScript
React.js
HTML
CSS
Material UI
Styled-Components
Context API
YUP
React Hook Form

Sobre o Projeto

Visit

Visão Geral: Front-end de e-commerce totalmente responsivo com design mobile-first e listagem dinâmica de produtos.

Desafio: Criar uma interface de compras limpa, amigável para dispositivos móveis, com validação de formulários e integração de API.

ecommerce image

Resultados Principais

  • Construído com ReactJS, Material-UI, Styled-Components e React Hook Form

🍣 Sushi E-commerce — API Back-End

Teck stack:

Python
Flask
PostgreSQL
SQLAlchemy
Mercado Pago
ViaCEP API
Git
Markdown

Sobre o Projeto

Visit

Visão Geral: API back-end para uma plataforma de entrega de sushi, criada para dar suporte a um front-end existente desenvolvido por outro time.

Desafio: Desenvolver uma API segura e escalável com integrações de pagamento e validação de endereço.

ecommerce sushi image

Resultados Principais

  • Construído com Python, Flask, SQLAlchemy e PostgreSQL.
  • Integração com MercadoPago para pagamentos e ViaCEP para busca de endereços.
  • Documentado com Markdown e diagramas Lucid.

🍔 Hamburgueria E-commerce — Front-End

Teck stack:

TypeScript
React.js
Context API
HTML
CSS
Material UI
Styled Components
Git
Vercel
Axios
YUP
React Hook Form
React Router Domo

Sobre o Projeto

Visit

Visão Geral: Site de e-commerce estilo dashboard para uma hamburgueria, projetado a partir de um guia de estilo no Figma.

Desafio: Traduzir especificações de design em uma aplicação React responsiva e orientada a componentes.

ecommerce hamburguer image

Resultados Principais

  • Reduziu o tempo de carregamento em 60%, proporcionando interações mais rápidas e maior potencial de conversão
  • Melhorou o ranqueamento SEO, aumentando tráfego orgânico e visibilidade
  • Direcionou o desenvolvimento de componentes reutilizáveis integrados ao CMS Salesforce para manutenção de longo prazo
  • Garantiu conformidade com WCAG 2.1 e acessibilidade cross-browser, ampliando o alcance a todos os usuários

💉 API de Controle de Vacinas - Back End

Teck stack:

Python
Flask
PostgreSQL
SQLAlchemy
Marshmallow
Git
Markdown

Sobre o Projeto

Visit

Visão Geral: API back-end para rastrear registros e doses de vacinas.

Desafio: Criar uma API segura e estruturada para armazenar e recuperar dados de vacinação.

ecommerce vaccinesapi image

Resultados Principais

  • Construído com Flask, SQLAlchemy e Marshmallow para validação de schemas. Dados armazenados em PostgreSQL.

💆 App de Massoterapia — Agendamento de Clínica - Front End

Teck stack:

TypeScript
React.js
Context API
HTML
CSS
Material UI
Styled Components
Git
Vercel
Axios
YUP
React Hook Form
React Router Domo

Sobre o Projeto

Visit

Visão Geral: Projeto em grupo para gerenciar agendamentos de massoterapia, incluindo papéis de administrador e usuário.

Desafio: Construir um front-end responsivo com lógica de agendamento e acesso baseado em papéis.

ecommerce massage image

Resultados Principais

  • Desenvolvido em ReactJS com Context API, Styled-Components e validação de formulários. Inclui dashboards e agendamento de consultas.

📀 Buster API — E-commerce de DVDs - Back End

Teck stack:

TypeScript
Node.js
Express.js
TypeORM
AJV
PostgreSQL
Docker

Sobre o Projeto

Visit

Visão Geral: API back-end para gerenciar vendas de DVDs, incluindo listagem de produtos e autenticação de usuários.

Desafio: Criar uma API escalável e segura com validação e integração com banco de dados.

ecommerce busterapi image

Resultados Principais

  • Construído com Node.js, Express, TypeORM, PostgreSQL e AJV para validação de schemas. Dockerizado para deploy.

🧩 Jogo do Labirinto — Puzzle em JavaScript - Front End

Sobre o Projeto

Visit

Visão Geral: Jogo de labirinto no navegador onde os jogadores navegam usando as setas do teclado.

Desafio: Criar um motor de jogo simples usando lógica de arrays e eventos de teclado.

prévia do jogo labirinto

Resultados Principais

  • Construído com JavaScript puro, HTML5 e CSS3. Movimento e colisão baseados em lógica.

🥊 Springfield GangStar — Jogo Pedra-Papel-Tesoura com final inesperado - Front End

Sobre o Projeto

Visit

Visão Geral: Jogo baseado em níveis onde os jogadores devem derrotar oponentes para revelar sua identidade e avançar.

Desafio: Projetar um jogo com lógica orientada a objetos e progressão de níveis.

prévia do site gangstar

Resultados Principais

  • Construído com JavaScript puro, HTML5 e CSS3. Inclui animações e design responsivo.

🎬 CopyFlix — Clone de Dashboard de Streaming - Front End

Sobre o Projeto

Visit

Visão Geral: Dashboard responsivo inspirado em uma plataforma de streaming popular, construído apenas com tecnologias front-end.

Desafio: Recriar uma UI de catálogo de filmes rolável com design responsivo e UX fluida.

prévia do site copyflix

Resultados Principais

  • Construído com JavaScript, HTML5 e CSS3. Inclui barras de rolagem, efeitos hover e layout responsivo.
Vagner Fabricio | Full Stack Developer (React, Next.js, SFCC)