Intro

Full-stack developer
focused on frontend architecture and design systems.

Massimiliano Marcello · Brussels

Currently building BeSpoken — a component system for Phoenix LiveView based on Atomic Design principles, with Tailwind and DaisyUI.

My path wasn't linear: communications, radio journalism, restaurant kitchens, social work. What connects all of it is learning complex systems quickly and making them work for real people. Same approach to code — structure, clarity, attention to who uses the product.

Expanding into Elixir and Phoenix. Long-term focus on distributed systems and real-time applications.

Case studies

Core

Primary projects

Work that demonstrates core skills and professional capability. Each project ships to production.

Tuscany TEFL School (website redesign)

In progress

HTML
SASS
NEXT.JS
SANITY.IO

Impact

The client can now create and edit courses, moderate reviews, and manage FAQs directly — without touching code. Content and business logic are fully separated, so neither side blocks the other.

Problem

A real language school had no way to manage course content, enrollment, or authentication without a developer. The existing site was static, unmaintainable, and offered no admin autonomy.

Solution

Rebuilt from scratch with Next.js App Router, Sanity CMS for client-editable content, PostgreSQL + Prisma for business logic, and Better Auth for a full authentication system including OAuth, email verification, and password reset.

A-Maison Tech - Electronics E-commerce

MERN
CSS
JWT
bcrypt
Stripe

Impact

Delivered a complete end-to-end e-commerce system covering real-world use cases, from product management to payment processing, ensuring scalability and a seamless user experience.

Problem

Building a full e-commerce platform with secure authentication, role-based access, and a complete purchase flow including payments and order management.

Solution

Developed a MERN-based application with JWT authentication, role-based authorization for admins and users, and integrated Stripe for secure payments, alongside features like product management, promotions, and cart functionality.

Depth

Secondary projects

Complementary work that highlights versatility — different stacks, different problem domains.

Next.js Authentication with Prisma & NextAuth

NEXT.JS
NextAuth.js
Prisma
Zod
React Hook Form
Tailwind
ShadCN/UI
TypeScript
Neon

Impact

Delivered a robust and extensible auth system with protected routes and role-based authorization, improving security, maintainability, and user experience.

Problem

Designing a secure and scalable authentication system supporting both credentials and OAuth, with proper validation, session handling, and role-based access control.

Solution

Built a full authentication flow using NextAuth, Prisma, and PostgreSQL, integrating credential and Google OAuth login, secure password handling (bcrypt), and schema validation with Zod and React Hook Form.

MassDev Portfolio

SASS
NEXT.JS
SANITY.IO

Impact

Created a scalable platform that showcases both project outcomes and engineering thinking, improving clarity for recruiters and enabling continuous documentation of technical growth.

Problem

Structuring a portfolio that clearly communicates technical skills and project depth, while organizing diverse work into a coherent and scalable system.

Solution

Designed and built a modular portfolio using Next.js and Sanity, organizing projects into structured categories and combining case studies with a blog for deeper technical insights.

Lab

Sandbox

Experiments and explorations. Where new technology meets curiosity.

MDS school - From React to Jamstack: A Homepage Challenge

HTML
CSS-IN-JS
REACT
NEXT.JS
SANITY.IO

Impact

Strengthened skills in translating design to code, improving precision and maintainability, while evolving the project toward a more scalable and production-ready architecture.

Problem

Recreating a production-level homepage from a Figma design, ensuring visual accuracy while implementing routing and maintainable styling.

Solution

First built the interface using React and Styled Components to match the provided design, then refactored the project with Next.js and Sanity, adopting a Jamstack approach for improved scalability and content management.

Online Bookstore: Role-Based Node.js App

In progress

SASS
NODE
SQL
EJS

Impact

Delivered a functional e-commerce-like system with server-side rendering and secure role management, demonstrating backend architecture and database integration skills.

Problem

Building a server-rendered web application with role-based access, requiring secure data handling, session management, and dynamic interaction with a SQL database.

Solution

Developed a full-stack bookstore using Node.js, SQL, and EJS, implementing CRUD operations, session-based authentication, and role-based access control for admins and users.

Recipe Prompter

HTML
CSS
REACT
RESTful API

Impact

Delivered a responsive and intuitive interface for real-time recipe discovery, establishing a strong foundation in API integration and state management.