💻 Personal Projects

Here’s a selection of personal projects I’ve worked on during my free time — some developed independently, others in collaboration with talented peers.


🎮 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

About the Project

Visit

Turn-Based Battle Game, a full-stack battle game developed with friends, inspired by classic turn-based mechanics.

Players can login or signup to enter a fantasy world featuring a forest and castle backdrop.

give the give game

Key Results

  • Created a scalable, multiplayer-ready game with secure authentication and dynamic gameplay logic.
  • RESTful API with Node.js, Express, TypeORM, and PostgreSQL. Integrated AWS S3 for asset storage and Swagger for documentation

🛍️ E-commerce Demo — Responsive Storefront - Front End

Teck stack:

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

About the Project

Visit

Overview: A fully responsive e-commerce front-end with a mobile-first design and dynamic product listings.

Challenge: Design a clean, mobile-friendly shopping interface with form validation and API integration.

ecommerce image

Key Results

  • Built with ReactJS, Material-UI, Styled-Components, and React Hook Form

🍣 Sushi E-commerce — Back-End API

Teck stack:

Python
Flask
PostgreSQL
SQLAlchemy
Mercado Pago
ViaCEP API
Git
Markdown

About the Project

Visit

Overview: Back-end API for a sushi delivery platform, built to support an existing front-end created by another team.

Challenge: Develop a secure, scalable API with payment and address validation integrations.

ecommerce sushi image

Key Results

  • Built with Python, Flask, SQLAlchemy, and PostgreSQL.
  • Integrated MercadoPago for payments and ViaCEP for address lookup.
  • Documented with Markdown and Lucid diagrams.

🍔 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

About the Project

Visit

Overview: A dashboard-style e-commerce site for a burger shop, designed from a Figma style guide.

Challenge: Translate design specs into a responsive, component-driven React application.

ecommerce hamburguer image

Key Results

  • Reduced page load times by 60%, driving faster user interactions and higher conversion potential
  • Improved SEO rankings, boosting organic traffic and visibility
  • Directed development of reusable UI components integrated with Salesforce CMS for long-term maintainability
  • Ensured WCAG 2.1 compliance and cross-browser accessibility, expanding reach to all users

💉 Vaccines Control API - Back End

Teck stack:

Python
Flask
PostgreSQL
SQLAlchemy
Marshmallow
Git
Markdown

About the Project

Visit

Overview: A back-end API for tracking vaccine records and doses.

Challenge: Create a secure and structured API for storing and retrieving vaccination data.

ecommerce vaccinesapi image

Key Results

  • Built with Flask, SQLAlchemy, and Marshmallow for schema validation. Data stored in PostgreSQL.

💆 Massoterapia App — Clinic Scheduler - 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

About the Project

Visit

Overview: A group project for managing massage therapy appointments, including admin and user roles.

Challenge: Build a responsive front-end with scheduling logic and role-based access.

ecommerce massage image

Key Results

  • Developed in ReactJS with Context API, Styled-Components, and form validation. Includes dashboard views and appointment scheduling.

📀 Buster API — DVD E-commerce - Back End

Teck stack:

TypeScript
Node.js
Express.js
TypeORM
AJV
PostgreSQL
Docker

About the Project

Visit

Overview: A back-end API for managing DVD sales, including product listings and user authentication.

Challenge: Create a scalable, secure API with validation and database integration.

ecommerce busterapi image

Key Results

  • Built with Node.js, Express, TypeORM, PostgreSQL, and AJV for schema validation. Dockerized for deployment.

🧩 Maze Game — JavaScript Puzzle - Front End

About the Project

Visit

Overview: A browser-based maze game where players navigate using arrow keys.

Challenge: Create a simple game engine using array logic and keyboard events.

maze game website preview

Key Results

  • Built with vanilla JavaScript, HTML5, and CSS3. Logic-driven movement and collision detection.

🥊 Springfield GangStar — Rock-Paper-Scissors Game with a unexpected end - Front End

About the Project

Visit

Overview: A level-based game where players must defeat opponents to reveal their identity and progress.

Challenge: Design a game with object-oriented logic and level progression.

gangstar website preview

Key Results

  • Built with vanilla JavaScript, HTML5, and CSS3. Includes animations and responsive design.

🎬 CopyFlix — Streaming Dashboard Clone - Front End

About the Project

Visit

Overview: A responsive dashboard inspired by a popular streaming platform, built with pure front-end technologies.

Challenge: Recreate a scrollable movie catalog UI with responsive design and smooth UX.

copyflix website preview

Key Results

  • Built with JavaScript, HTML5, and CSS3. Includes scroll bars, hover effects, and responsive layout.
Vagner Fabricio | Full Stack Developer (React, Next.js, SFCC)