---
title: "Vivari"
kind: student-project
location: "Holy Angel University"
tags: [students, student-work, appdev]
summary: "Aquarium care for people who keep more than one tank."
---

*A final project from Applications Development (Flutter), 2026 first semester. Part of [Seventy-three Flutter apps, and the eight I keep showing people](/calendar/2026-s1-appdev-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/vivari/square.webp"><img src="/media/projects/2026-1st-sem/vivari/square.webp" width="1080" height="1080" alt="Vivari, the project's square image" loading="eager" decoding="async" style="aspect-ratio:auto;height:auto;object-fit:contain"></a></figure>

## What it is

The name comes from *vivarium*, Latin for a place of life. Vivari tracks several aquariums at once: their inhabitants, water readings over time, and the care tasks that keep everything in them alive.

Built with Flutter and Dart.

## Why it is here

Nobody else in either section picked a problem this specific, and specific is the whole game. It is a hobby I know nothing about and I still understood every screen, which is the best thing I can say about a dashboard.

## Find it

- Project: [github.com/vvnrzn/Vivari](https://github.com/vvnrzn/Vivari)
- Live: [vvnrzn.github.io/Vivari](https://vvnrzn.github.io/Vivari/)
- GitHub: [@vvnrzn](https://github.com/vvnrzn)

## Screenshots

<div class="gallery" data-lightbox-group style="--gallery-min: 10rem; align-items: start">
<figure class="gallery__item"><a class="gallery__link" data-lightbox href="/media/projects/2026-1st-sem/vivari/shot-1.webp"><img src="/media/projects/2026-1st-sem/vivari/shot-1.webp" width="434" height="878" alt="Vivari, screenshot 1 of 3" 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/vivari/shot-2.webp"><img src="/media/projects/2026-1st-sem/vivari/shot-2.webp" width="423" height="882" alt="Vivari, screenshot 2 of 3" 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/vivari/shot-3.webp"><img src="/media/projects/2026-1st-sem/vivari/shot-3.webp" width="430" height="888" alt="Vivari, screenshot 3 of 3" loading="lazy" decoding="async" style="aspect-ratio:auto;height:auto;object-fit:contain"></a></figure>
</div>
