---
title: "Seventy-three Flutter apps, and the eight I keep showing people"
kind: student-highlight
date: 2026-11-04
location: "Holy Angel University"
tags: [students, student-work, flutter, hau, appdev]
summary: >
  The 2026 first semester of Applications Development at Holy Angel University ended with seventy-three Flutter final projects across two sections. Here are eight of them, with the students' own square art and screenshots, and a page for each.
photos:
  - "/media/projects/2026-1st-sem/love-my-closet/square.webp | 1080x1080 | Love My Closet, the project's square image"
  - "/media/projects/2026-1st-sem/vivari/square.webp | 1080x1080 | Vivari, the project's square image"
  - "/media/projects/2026-1st-sem/reaction-chain/square.webp | 1080x1080 | Reaction Chain, the project's square image"
  - "/media/projects/2026-1st-sem/shelf/square.webp | 1080x1080 | Shelf, the project's square image"
social: |
  Seventy-three Flutter final projects this semester across two sections at the School of Computing, Holy Angel University. I graded every one of them, and these are the eight I keep pulling up to show people.
  
  Tagging the builders I could find on LinkedIn: Sofia Ryza De Mesa (Love My Closet), Alison Sampang (Nook), Vince Evangelista (Shelf). If you built one of the others, send me your profile and I will tag you.
  
  Repos and live links are on each project's page:
  https://tjakoen.github.io/calendar/2026-s1-appdev-students
---

## I graded all of them at night, and these kept me awake

Seventy-three Flutter final projects came in across my two Applications Development sections this semester. That number is a snapshot of what I graded, and mostly it means a lot of late evenings.

Here is the confession. I expected the usual finals pile, a lot of to-do lists in slightly different colors. What I got instead were apps I opened twice. Not to check a rubric, but because I wanted to see the next screen.

The brief was the same for everyone: build a real app for a real person, ship it publicly, write down how you used AI, and make a square image you would be proud to post. The square was my idea. Seeing them all in a row was the moment I realized the semester had worked.

> The fundamentals are what make the tool a multiplier. These students did the fundamentals.

So this is a thank-you, in public. Each card below opens a page for that project, with screenshots, what it does in the student's own words, and where to find them. Click around. Several of these are better than apps I have paid for.

## The apps

<div class="card-grid" style="--card-min: 15rem">
<a class="media-card" href="/calendar/2026-s1-love-my-closet">
  <span class="media-card__media" style="--media-ratio: 1 / 1"><img class="media-card__image" src="/media/projects/2026-1st-sem/love-my-closet/square.webp" width="1080" height="1080" alt="Love My Closet, the project's square image" loading="lazy" decoding="async"></span>
  <div class="media-card__body"><span class="media-card__title">Love My Closet</span><span class="media-card__text">A digital wardrobe for people who own plenty of clothes and keep wearing the same five. By @sofiademesa.</span></div>
</a>
<a class="media-card" href="/calendar/2026-s1-vivari">
  <span class="media-card__media" style="--media-ratio: 1 / 1"><img class="media-card__image" src="/media/projects/2026-1st-sem/vivari/square.webp" width="1080" height="1080" alt="Vivari, the project's square image" loading="lazy" decoding="async"></span>
  <div class="media-card__body"><span class="media-card__title">Vivari</span><span class="media-card__text">Aquarium care for people who keep more than one tank. By @vvnrzn.</span></div>
</a>
<a class="media-card" href="/calendar/2026-s1-reaction-chain">
  <span class="media-card__media" style="--media-ratio: 1 / 1"><img class="media-card__image" src="/media/projects/2026-1st-sem/reaction-chain/square.webp" width="1080" height="1080" alt="Reaction Chain, the project's square image" loading="lazy" decoding="async"></span>
  <div class="media-card__body"><span class="media-card__title">Reaction Chain</span><span class="media-card__text">The Chain Reaction board game, rebuilt in Flutter for local multiplayer. By @enetwarch.</span></div>
</a>
<a class="media-card" href="/calendar/2026-s1-shelf">
  <span class="media-card__media" style="--media-ratio: 1 / 1"><img class="media-card__image" src="/media/projects/2026-1st-sem/shelf/square.webp" width="1080" height="1080" alt="Shelf, the project's square image" loading="lazy" decoding="async"></span>
  <div class="media-card__body"><span class="media-card__title">Shelf</span><span class="media-card__text">Inventory for a shared equipment room: what is there, where it lives, and who borrowed it. By @28BEANS.</span></div>
</a>
<a class="media-card" href="/calendar/2026-s1-trivet">
  <span class="media-card__media" style="--media-ratio: 1 / 1"><img class="media-card__image" src="/media/projects/2026-1st-sem/trivet/square.webp" width="1080" height="1080" alt="Trivet, the project's square image" loading="lazy" decoding="async"></span>
  <div class="media-card__body"><span class="media-card__title">Trivet</span><span class="media-card__text">A weekly balance tracker for work, health and leisure. By @Keonzane.</span></div>
</a>
<a class="media-card" href="/calendar/2026-s1-nook">
  <span class="media-card__media" style="--media-ratio: 1 / 1"><img class="media-card__image" src="/media/projects/2026-1st-sem/nook/square.webp" width="1080" height="1080" alt="Nook, the project's square image" loading="lazy" decoding="async"></span>
  <div class="media-card__body"><span class="media-card__title">Nook</span><span class="media-card__text">Never lose a travel find again: saves from TikTok, Instagram, Facebook and YouTube, turned into an itinerary. By @alyencs.</span></div>
</a>
<a class="media-card" href="/calendar/2026-s1-momentum">
  <span class="media-card__media" style="--media-ratio: 1 / 1"><img class="media-card__image" src="/media/projects/2026-1st-sem/momentum/square.webp" width="1080" height="1080" alt="Momentum, the project's square image" loading="lazy" decoding="async"></span>
  <div class="media-card__body"><span class="media-card__title">Momentum</span><span class="media-card__text">A study planner: tasks, events, focus sessions and calendar imports in one place. By @asm0git.</span></div>
</a>
<a class="media-card" href="/calendar/2026-s1-bahantabay">
  <span class="media-card__media" style="--media-ratio: 1 / 1"><img class="media-card__image" src="/media/projects/2026-1st-sem/bahantabay/square.webp" width="1080" height="1080" alt="Bahantabay, the project's square image" loading="lazy" decoding="async"></span>
  <div class="media-card__body"><span class="media-card__title">Bahantabay</span><span class="media-card__text">Community flood reports and route warnings for commuters around Angeles City. By @Allen021006.</span></div>
</a>
</div>

## What I am taking into next semester

The best projects were not the biggest. They were the ones that picked a person and a problem and refused to wander off. I will be saying that to the next batch on day one, and pointing them here.

To the students on this page: thank you for letting me show your work. I learned something from every one of these, and I mean that in the boring, literal sense of opening your code and going *huh, that is a better way to do it*.

> *The [judgment is human](/notes/ten-times-zero). The typing, by design, is not.*