đź’» Progetti Personali

Ecco una selezione di progetti personali a cui ho lavorato nel tempo libero — alcuni sviluppati autonomamente, altri in collaborazione con colleghi talentuosi.


🎮 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

Informazioni sul Progetto

Visit

Gioco di battaglia a turni, un progetto full-stack sviluppato con amici, ispirato alle meccaniche classiche a turni.

Gli utenti possono effettuare login o registrazione per entrare in un mondo fantasy con sfondo di foresta e castello.

give the give game

Risultati Chiave

  • Creato un gioco scalabile, pronto per il multiplayer, con autenticazione sicura e logica di gameplay dinamica.
  • API RESTful con Node.js, Express, TypeORM e PostgreSQL. Integrazione con AWS S3 per l’archiviazione degli asset e Swagger per la documentazione

🛍️ Demo E-commerce — Vetrina responsiva - Front End

Teck stack:

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

Informazioni sul Progetto

Visit

Panoramica: Front-end e-commerce completamente responsivo con design mobile-first e catalogo prodotti dinamico.

Sfida: Progettare un’interfaccia di acquisto pulita e mobile-friendly, con validazione dei form e integrazione API.

ecommerce image

Risultati Chiave

  • Sviluppato con 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

Informazioni sul Progetto

Visit

Panoramica: API back-end per una piattaforma di consegna di sushi, creata per supportare un front-end esistente sviluppato da un altro team.

Sfida: Sviluppare un’API sicura e scalabile con integrazioni per pagamento e validazione degli indirizzi.

ecommerce sushi image

Risultati Chiave

  • Sviluppato con Python, Flask, SQLAlchemy e PostgreSQL.
  • Integrazione con MercadoPago per i pagamenti e ViaCEP per la ricerca degli indirizzi.
  • Documentazione in Markdown con diagrammi 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

Informazioni sul Progetto

Visit

Panoramica: Sito e-commerce in stile dashboard per una burger shop, progettato a partire da una style guide in Figma.

Sfida: Tradurre le specifiche di design in un’applicazione React responsiva e guidata da componenti.

ecommerce hamburguer image

Risultati Chiave

  • Ridotti i tempi di caricamento del 60%, abilitando interazioni piĂą rapide e maggior potenziale di conversione
  • Migliorato il posizionamento SEO, aumentando traffico organico e visibilitĂ 
  • Guidato lo sviluppo di componenti UI riutilizzabili integrati con Salesforce CMS per una manutenzione a lungo termine
  • Garantita conformitĂ  WCAG 2.1 e accessibilitĂ  cross-browser, ampliando la fruibilitĂ  a tutti gli utenti

đź’‰ Vaccines Control API - Back End

Teck stack:

Python
Flask
PostgreSQL
SQLAlchemy
Marshmallow
Git
Markdown

Informazioni sul Progetto

Visit

Panoramica: API back-end per tracciare registri e dosi di vaccinazione.

Sfida: Creare un’API sicura e strutturata per archiviare e recuperare i dati vaccinali.

ecommerce vaccinesapi image

Risultati Chiave

  • Sviluppato con Flask, SQLAlchemy e Marshmallow per la validazione degli schemi. Dati archiviati in PostgreSQL.

💆 App di Massoterapia — Gestione appuntamenti in clinica - 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

Informazioni sul Progetto

Visit

Panoramica: Progetto di gruppo per gestire appuntamenti di massoterapia, con ruoli di amministratore e utente.

Sfida: Costruire un front-end responsivo con logica di pianificazione e accesso basato sui ruoli.

ecommerce massage image

Risultati Chiave

  • Sviluppato in ReactJS con Context API, Styled-Components e validazione dei form. Include viste dashboard e pianificazione degli appuntamenti.

📀 Buster API — E-commerce DVD - Back End

Teck stack:

TypeScript
Node.js
Express.js
TypeORM
AJV
PostgreSQL
Docker

Informazioni sul Progetto

Visit

Panoramica: API back-end per gestire la vendita di DVD, con catalogo prodotti e autenticazione degli utenti.

Sfida: Creare un’API scalabile e sicura con validazione e integrazione con il database.

ecommerce busterapi image

Risultati Chiave

  • Sviluppato con Node.js, Express, TypeORM, PostgreSQL e AJV per la validazione degli schemi. Dockerizzato per la distribuzione.

🧩 Maze Game — Puzzle JavaScript - Front End

Informazioni sul Progetto

Visit

Panoramica: Gioco del labirinto per browser in cui i giocatori si muovono con le frecce della tastiera.

Sfida: Creare un semplice motore di gioco usando logica su array ed eventi da tastiera.

anteprima gioco labirinto

Risultati Chiave

  • Sviluppato con JavaScript vanilla, HTML5 e CSS3. Movimento e rilevamento collisioni basati sulla logica.

🥊 Springfield GangStar — Sasso-Carta-Forbice con finale inaspettato - Front End

Informazioni sul Progetto

Visit

Panoramica: Gioco a livelli in cui i giocatori devono sconfiggere gli avversari per rivelarne l’identità e progredire.

Sfida: Progettare un gioco con logica orientata agli oggetti e progressione dei livelli.

anteprima sito gangstar

Risultati Chiave

  • Sviluppato con JavaScript vanilla, HTML5 e CSS3. Include animazioni e design responsivo.

🎬 CopyFlix — Clone dashboard di streaming - Front End

Informazioni sul Progetto

Visit

Panoramica: Dashboard responsiva ispirata a una piattaforma di streaming popolare, costruita esclusivamente con tecnologie front-end.

Sfida: Ricreare un’interfaccia catalogo film scorrevole con design responsivo e UX fluida.

anteprima sito copyflix

Risultati Chiave

  • Sviluppato con JavaScript, HTML5 e CSS3. Include barre di scorrimento, effetti hover e layout responsivo.
Vagner Fabricio | Full Stack Developer (React, Next.js, SFCC)