Status: selected work loaded
Loc: /var/log/projects/

Query_params
Query_params:
Node: 01 Live
REAL HOMEPAGE
Sara Ruffini portfolio homepage

Website

Sara Ruffini

My video editor portfolio and the first website I built end to end with AI supporting frontend and backend.

Next.jsAI-assisted
View case study ↗
Node: 02 In development
CURRENT APP BUILD
PlayTribe Explore screen

App

PlayTribe app

A social sports app for discovering activities, joining a group and coordinating inside the event.

FlutterSupabase
View case study ↗
Node: 03 Live
LIVE WEBSITE
PlayTribe website homepage

Website

PlayTribe website

The public invitation to the PlayTribe product, built around belonging, proof and one clear download journey.

Next.jsGSAP
View case study ↗
Node: 04 In development
CURRENT APP BUILD
Current Squadar map screen

App

Squadar

A festival companion for personal schedules, live maps, squad coordination and practical tools on site.

FlutterFirebase
View case study ↗
Node: 05 Prototype
PRODUCT CAPTURE
3Days event map

Web app

3Days

A mobile-first Copenhagen design event browser connecting filters, map context and saved plans.

Next.jsNeon
View case study ↗
Node: 06 Live
LIVE BOOKING FLOW
Nook booking flow: the estimate step with the booking summary ticket

Web app

Nook

A booking system for work that is never the same twice, built in Lovable for the Lovable Challenge and set up for an invented tattoo studio in Malmö.

LovableLovable Challenge
View case study ↗
Node: 07 Live
LIVE CAPTURE
PotusChef homepage

Website

PotusChef

An editorial culinary site for private dinners, pop-ups and brand partnerships.

CloudflareDecap CMS
View case study ↗
Node: 08 Prototype
REAL APP SCREEN
Meriwa welcome screen

App

Meriwa

A shared travel planner for itineraries, activities, packing and group spending.

CapacitorSupabase
View case study ↗
Node: 09 Live prototype
PRODUCT CAPTURE
MOOD direction workspace

AI & Web app

MOOD

A human-led creative workspace and my first product built around MCP.

ReactWebMCP
View case study ↗
Node: 10 Ongoing
METHOD[Project image placeholder]

Process & systems

Development

How concept, design, AI-assisted code, backend and deployment come together across these projects.

ProcessFull stack
Explore the process ↗
“If I can't say why a screen exists, it goes.”— Sara

Working principles

  1. Concept before components
  2. Real assets before decoration
  3. Motion with a job to do