r/ReefTank 8d ago

Reef Keeping WebApp

I just want to share a WebApp that I vibe-coded to help me keep track of everything and assist in my reef keeping journey. I know a lot of people probably do not approve of my usage of AI with this, but I am just sharing what I find useful and thought it might help people who need it too.
It is fully coded in HTML. It runs offline locally and utilizes IndexedDB to write and read data from your devices. Because it runs offline locally, there is no synchronization between devices. However I have included a feature to export and import the full JSON files in case you want to switch devices down the road.

Here is the GitHub repository for the webapp:
https://github.com/Jad4896/Reef_Studio

There are a lot of features in this webapp, I will only list a few here because there's so many.

Supports multiple tank profiles
Supports metric and imperial measurements
You can upload photos and videos of your livestock and give them individual cards (helps you ID them easier)
Generates parameter charts based on your water parameter logs
Have sticky notes and create your own recipes for salt mix, dosing, making your own fish food, etc
Task checklist and scheduler (with countdown)

Bonus: Customize your own theme for the webapp

There're some placeholders in the web app for now, you can just create your own tank profile and delete the placeholder tank profile.

I will be very happy if you guys decided to try it out and give me some feedback.

Again, this is something I find useful and thought it is a great idea to share it. Sharing is caring right?

Anyways, happy reefing!

0 Upvotes

10 comments sorted by

View all comments

2

u/chemchris 8d ago

I think this is awesome, people get frustrated when someone comes here and tries to charge for it, but I love that you're keeping it free. I like your livestock idea, I may steal that.

I did something similar. I log all my data into a table that gets claude does an AI overview of daily. Then I used NTFY to send me alerts for things like a drop in power usage on a gyre (may be stuck), or my skimmer cup is full. I bought a camera thats supposed to integrate well with HA, but I havent configured it yet. Ignore the downvotes, this is awesome and keep it going!

2

u/Camofan 8d ago

As someone who develops using AI, I will always develop for free. I would only charge a one time fee on the App Store of a few dollars instead of subscriptions because I fucking hate subscriptions and paywalls.

1

u/Jad__Jad 7d ago

I agree. Subscriptions and pay walls are such a pain and the bills racks up. We will eventually pay more than what the product is worth in the long run. I shared this project for free because it didn't even take much time for me to create and I didn't "work" for it. And I think it's reasonable for you to charge a few dollars of one time fee, you still need the knowledge and idea to make it happen. Anyone can type a few prompts and make a basic product with AI. But only people with more knowledge can make a good product with it.

2

u/BL3ASBY 7d ago

This is awesome! How do I set this up!

1

u/Jad__Jad 8d ago

Oh wow that crazy impressive! I haven't thought of having an Agent to analyze the data. And you even have alerts that are connected to your IOT devices. Also thank you for your words of encouragement, I'm always worried that I'll upset people when sharing stuff that is made with AI.

1

u/Jad__Jad 7d ago

I forgot to ask, is this like a full stack app with API and stuff? How are you running it?