Intro
Massimiliano Marcello

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

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
  • HTML
  • SASS
  • NEXT.JS
  • SANITY.IO

Tuscany TEFL School (website redesign)

In progress
tuscany-tefl.netlify.app
tuscany-website-picture
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.

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.

  • MERN
  • CSS
  • JWT
  • BCRYPT
  • STRIPE

A-Maison Tech - Electronics E-commerce

In progress
my-amzn-mern-cc0285a79f4e.herokuapp.com
a-maison picture
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.

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.

  • NEXT.JS
  • NEXTAUTH.JS
  • PRISMA
  • ZOD
  • REACT HOOK FORM
  • TAILWIND
  • SHADCN/UI
  • TYPESCRIPT
  • NEON

Next.js Authentication with Prisma & NextAuth

Completed
auth5-production.vercel.app
next-auth-picutre
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.

Impact

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

  • SASS
  • NEXT.JS
  • SANITY.IO

MassDev Portfolio

Completed
delightful-swan-a26d76.netlify.app
personal website
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.

Impact

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

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

MDS school - From React to Jamstack: A Homepage Challenge

Completed
mds-replica-next-sanity.netlify.app
mds-school
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.

Impact

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

  • SASS
  • NODE
  • SQL
  • EJS

Online Bookstore: Role-Based Node.js App

In progress
calm-garden-67889-8da8d9227b29.herokuapp.com
Book store image
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.

Impact

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

  • HTML
  • CSS
  • REACT
  • RESTFUL API

Recipe Prompter

Completed
recipe-prompter.netlify.app
recipe prompter logo
Problem

Enabling users to discover recipes based on available ingredients, requiring efficient API integration and dynamic data handling.


Solution

Built a React application integrating the Edamam API, managing state with hooks to fetch and display recipe data dynamically based on user input.

Impact

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

Contact
Get in touch

Let's talk

Open to projects, collaborations, and opportunities. I read every message.

Send a message ↗
Code

See the work

All projects, contributions, and experiments live on GitHub.

View GitHub profile ↗