---
title: "Roomy"
kind: student-project
location: "Holy Angel University"
tags: [students, student-work, apsi]
summary: "Know what you own and where it lives, with a top-down room planner."
---

*A final project from Full-stack JavaScript, 2026 first semester. Part of [Fifteen full-stack apps from a semester I almost did not survive](/calendar/2026-s1-apsi-students).*

<figure data-lightbox-group style="max-width: 22rem; margin: 0 0 var(--space-6, 2rem)"><a class="gallery__link" data-lightbox href="/media/projects/2026-1st-sem/roomy/square.webp"><img src="/media/projects/2026-1st-sem/roomy/square.webp" width="1080" height="1080" alt="Roomy, the project's square image" loading="eager" decoding="async" style="aspect-ratio:auto;height:auto;object-fit:contain"></a></figure>

## What it is

Roomy is a personal room inventory: record your belongings, remember where they are stored, and sketch a rough 2D layout when you rearrange or redecorate.

Built with React and Supabase.

## Why it is here

Friendly branding, a working layout planner, tests, and a status note in the README that says exactly what was verified and what was not. That last part is the one I would hire for.

## Find it

- Project: [github.com/Matt-CRL/roomy](https://github.com/Matt-CRL/roomy)
- Live: [roomy-space.vercel.app](https://roomy-space.vercel.app/)
- GitHub: [@Matt-CRL](https://github.com/Matt-CRL)
- LinkedIn: [profile](https://www.linkedin.com/in/laramatt/)

## Screenshots

<div class="gallery" data-lightbox-group style="--gallery-min: 14rem; align-items: start">
<figure class="gallery__item" style="grid-column: 1 / -1"><a class="gallery__link" data-lightbox href="/media/projects/2026-1st-sem/roomy/shot-2.webp"><img src="/media/projects/2026-1st-sem/roomy/shot-2.webp" width="1600" height="900" alt="Roomy, screenshot 1 of 2" loading="lazy" decoding="async" style="aspect-ratio:auto;height:auto;object-fit:contain"></a></figure>
<figure class="gallery__item"><a class="gallery__link" data-lightbox href="/media/projects/2026-1st-sem/roomy/shot-3.webp"><img src="/media/projects/2026-1st-sem/roomy/shot-3.webp" width="1600" height="900" alt="Roomy, screenshot 2 of 2" loading="lazy" decoding="async" style="aspect-ratio:auto;height:auto;object-fit:contain"></a></figure>
<figure class="gallery__item"><a class="gallery__link" data-lightbox href="/media/projects/2026-1st-sem/roomy/shot-1.webp"><img src="/media/projects/2026-1st-sem/roomy/shot-1.webp" width="1600" height="898" alt="Roomy, the welcome page and sign-in" loading="lazy" decoding="async" style="aspect-ratio:auto;height:auto;object-fit:contain"></a></figure>
</div>