---
title: "Dishboxd"
kind: student-project
location: "Holy Angel University"
tags: [students, student-work, apsi]
summary: "A Letterboxd-style journal for food and dining."
---

*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/dishboxd/square.webp"><img src="/media/projects/2026-1st-sem/dishboxd/square.webp" width="1080" height="1080" alt="Dishboxd, the project's square image" loading="eager" decoding="async" style="aspect-ratio:auto;height:auto;object-fit:contain"></a></figure>

## What it is

Remember where you ate, what you ordered and how it tasted, with your own photos from each visit. Keep entries private, or share reviews and follow other diners' journals.

Built with React, Express and PostgreSQL.

## Why it is here

The most playful branding in its section, and an AI-usage note that says plainly which parts Claude Code and Codex wrote and which parts are theirs. That is how you fly the flag.

## Find it

- Project: [github.com/ShawnUriel/Dishboxd](https://github.com/ShawnUriel/Dishboxd)
- Live: [dishboxd.vercel.app](https://dishboxd.vercel.app)
- GitHub: [@ShawnUriel](https://github.com/ShawnUriel)

## 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/dishboxd/shot-1.webp"><img src="/media/projects/2026-1st-sem/dishboxd/shot-1.webp" width="1372" height="892" alt="Dishboxd, a restaurant profile with visit history" 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/dishboxd/shot-2.webp"><img src="/media/projects/2026-1st-sem/dishboxd/shot-2.webp" width="1372" height="892" alt="Dishboxd, the ticket for logging a visit" 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/dishboxd/shot-3.webp"><img src="/media/projects/2026-1st-sem/dishboxd/shot-3.webp" width="1372" height="892" alt="Dishboxd, the log after two entries" 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/dishboxd/shot-4.webp"><img src="/media/projects/2026-1st-sem/dishboxd/shot-4.webp" width="1280" height="800" alt="Dishboxd, the welcome page" 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/dishboxd/shot-5.webp"><img src="/media/projects/2026-1st-sem/dishboxd/shot-5.webp" width="390" height="844" alt="Dishboxd, sign-in" loading="lazy" decoding="async" style="aspect-ratio:auto;height:auto;object-fit:contain"></a></figure>
</div>
