Ramiro Cosa

Case study

Family Utils

A set of apps for organizing chores, meals, shopping, and family activities in one shared space.

Seven apps · PWA in production

Product design, architecture, and full-stack implementation

  • Next.js
  • React
  • TypeScript
  • PostgreSQL · Neon
  • Drizzle
  • Better Auth
Family Utils home page in a demo screenshot with fictional data.
Platform home page. Demo screenshot with fictional data.

One shared space for everyday life

Family Utils brings together family tools that often end up scattered across messages, notes, and lists. Profiles let family members share a space and set permissions for each app. The interface is designed for phones first.

Seven apps for the family

Chores and routines

Organize daily tasks, assign responsibilities, and review routines and history.

Family Utils Chores demo screenshot showing a task assigned to a fictional family member.
Tasks assigned in a demo family with fictional members.

Suggest meals and plan four daily meal times around each family member’s attendance.

Menus demo screenshot showing four daily meal times and family attendance.
Meal planning and attendance using demo data.

Shopping

Share lists with the family and choose who can edit them.

Demo screenshot of a shared family shopping list.
A shared family list for organizing shopping.

Library

Collect books, films, music, and other works; each member can add a personal perspective.

Family Library demo screenshot with a fictional work.
The library brings together works and family members’ opinions.

Kitchen

Convert units, ingredients, and temperatures; calculations run on the device.

Kitchen demo screenshot showing the measurement converter.
Measurement conversions run directly on the device.

Sports

Follow schedules, results, and family predictions for River Plate, UFC, and the Champions League.

Sports demo screenshot showing River’s schedule.
River schedule.
Sports demo screenshot showing a UFC fight card.
UFC fight card.
Sports demo screenshot showing Champions League matches.
Champions League matches.

Schedules and results are maintained as curated content; the app does not automatically sync sports providers.

Training

Build personal routines and record sessions and history.

Training demo screenshot showing a fictional routine.
Personal routine and history in a demo account.

Profiles and permissions

Family management brings together profiles and helps organize who participates in the shared space.

Demo screenshot of fictional family profiles.
Fictional family profiles prepared for the demo.

Technical decisions

Built with Next.js App Router, React, TypeScript, and CSS Modules; PostgreSQL 18 on Neon with Drizzle; Better Auth; and Vercel deployments. Permissions are checked on the server. Transactions and version checks protect concurrent changes; task updates use revisions and ETags. Playwright covers mobile workflows.

Library and Training are enabled through application configuration. Kitchen runs its conversions on the device. Sports presents curated data in the platform.

Desktop screenshot of the Family Utils home page with fictional family examples.
Desktop home page. All data in these screenshots is fictional and was prepared for demonstration.

The screenshots show the published version and were captured in an isolated environment with demo content.