PetTrack has been released!

Hello guys!
I’m not going to mess around with Markdown for this last devlog, I have been testing the project for 2 weeks now, and it is working great. I fixed up minor bugs that I found, added 5 AI-translated languages for more multilang support, though Hungarian and English has been translated by me, so those are definetly correct :)

I changed on the UI a bit, removed the last seen and most seen cards from the dashboard and changed it to a diagram about the Zone visits, and changed the Medical UI cards a bit. Also made the resolution in the app better, now you can make pictures from the app, and instantly share them, replays work now on both iOS and Android. The first release of PetTrack has been finally published on GitHub, so please go and check it out!

https://github.com/szbnce/PetTrack/releases/tag/1.0.0

Thank you everybody who has been though this journey over 3 months with me. Thank you!

PetTrack Demo is finally here!

I haven’t worked on PetTrack in the past 1,5 months, mostly because I just couldn’t bring myself to code, and I am going on vacation as I am writing this, and I figured, omg, if i come home, it will be already september, and besides school, i will definetly not finish this, and then, what was I working for for days on end?

So, I got my sxit together, and started working on the project. Sadly, because of the time, I had to use AI so I will finish until I leave for vacation. I almost did not. It’s 3:45 AM, I left 2 hours ago, and I set up the server 15 whole minutes before leaving my house. So it was calculated, but I managed.

• Unified Flutter codebase: I merged the pettrack_client, pettrack_montior and pettrack_web, into one package, and is written in Flutter. The app is entirely in Flutter, I kept designs of the Client so it won’t look very different.
• Deployment & OS Support: The new one app method is Docker compatible, so the project will offer a Docker option, and a non-docker MacOS and Linux native installer, and a Windows installer aswell, without docker :)
• Branching: The one where I used AI has been moved to a new branch "allFlutter".
• iOS Support: I initally did not want to make an iOS version because I don’t really agree with the yearly 100 usd developer program payment, and I don’t really agree with Google Play 25usd purchase aswell, but that’s very much more manageable than a yearly model, on a FOSS app. Anyways, I will publish the .ipa file, and do what you want with it :) If you have the courage and understanding, you can jailbreak and install it indefinetly, or you can sideload it, though you will have to renew it every week. If you don’t want to do that, you can of course use the Web version in a browser, it will work the exact same way, they are the same codebase under.
• Web support: This was my original plan to make PetTrack work on iOS devices, but then, I decided why not make it fully work on any browser? One codebase, the Webapp, the Android app and iOS app will work the EXACT SAME WAY! if you want to install a full app, you may, but if you don’t, you have all options.
• Medical panel: I think I have made a devlog about that, or mentioned that, but I will write it once again. We have a Medical tab now, where you will be able to track Medications and get notifications to give them to your pet, and the Vaccines tab, where you can track what the pet has gotten, when, and when its next Due. You can also set more colors.
• Replay: You can now replay movement. Currently for some reason, It does not work (I started implementing it at 0:30 AM, left at 1:30 so I could’ve expected that), or atleast it does not work from the browser. If i log into the server, and check it, the videos are there, and visible. It records a few seconds before and after the movement.

Demo!

Now you can check out PetTrack at:
👉 https://pettrackdemo.szabence.com

How to access:

1. Select language (colors are broken i know)
2. Select Viewer
3. For IP write asd or something, just dont leave it empty
4. For password, write 8068
5. Press next, and you will see it asking if you want to go into Demo
6. Press yes, and you are in!

Its a quite basic demo, its the same codebase, just no server behind. You can add medications, test zones, etc. After you close the tab, everything will be deleted.

I will test the project as I am going about my week, fix errors at night, and I will ship the project next week.

Have a great week guys, and thank you for watching the project.

Hey guys..
Its been 17 days since the last Devlog, I dont even know what I “upgraded” or didn’t. I wont’t try to make it a big devlog or anything, really i just want to get the hours logged so I can start fresh.

I’ve decided to ditch all 3 (pettrack_monitor, pettrack_client and pettrack_web) codebases and rewrite everything as one flutter app. Making sure 4 sections of the app written in 3 different languages wasn’t easy on my level so I decided to ditch all and write one “pettrack_app” codebase. It will work on Android, iOS and Web, and for iOS users also PWA app, so you don’t have to install anything, and it will all work under one codebase, so everything will be the same across all devices.

So. I don’t know when I will finish or anything, or write the next devlog, because I have so many things to do this month, soo…

The Flutter apps and the Server is 99% done until shipping!

This is rather a bigger devlog, I didn’t make a more smaller ones, but let’s see what I’ve done:

• Easier pairing: Now instead of using a qr code (which in the Docker terminal is unreliable), you get a 4 number pairing code, which you can use to communicate the 64 char JWT token. It’s much easier, and much more reliable.
• Docker: I implemented Docker, but it seems like at the moment that it only really works on MacOS, i might phase Docker out and make setup commands for each, maybe a oneliner with curl, or something like that.
• Bugfixes : Lots of bugfixes in those 6,5 hours, I can’t even list all of them, connectivity issues, pairing issues, camera issues,
• UI Cleanup: I removed developer overlays from the web e.g Eruda mobile console overlay.

I will be focusing a lot more on the Mock API for the demo site, and polishing for Shipping EXCEPT for one feature that I still want to add, and that would be insanely good.

Bye guys!

🚀 WebClient is getting ready!

I’ve done multiple things with the WebClient over the last 4 hours, and we are getting closer and closer to shipping! Here is a quick rundown of the progress:

🛠️ Key Features & Updates

• Unified Multi-Mode: You can now choose whether you want to use a device as a Client (Viewer) or a Monitor (Camera).
• Zone Management: Zone adding now works! (Showing current zones is still slightly broken, but we are getting there).
• Event Tracking: Zone enter/exit detection is fully functional.
• Dashboard Stats: Added panels to show “Last seen” and “Most seen” locations.
• Pet Profiles: You can now edit your pet’s profile directly from the Settings tab.
• Settings Reset: Added the ability to wipe all local settings if you want a fresh start.

🎨 UI & UX Polish

• Dark Mode: Synced theme with Client, dark and light mode aswell.
• Cleaned up the UI: Removed all unnecessary buttons.

P.S. Berci got vaccinated today! 💉🐇 So now he’s immune to both physical viruses and mental breakdowns over JavaScript!

Updates

• Updated docker-compose
• Added pinging bot as a way to use its commands
• Auto reconnect ws after slack api decides to end it
• help cmd responds without threading due to slack api limitations
• Commands when pinging bot always responds in thread, even help cmd
• Added a meow cmd

now i understand why web developers are all bald and angry…

Okkkay so, little bit of a backgound here, I do not agree on the fact that I should pay for FOSS apps to be put on the play store and app store, that for one company i should pay 25 bucks once and then i can put my app on the app store and i have to pay 100 BUCKS YEARLY TO APPLE. So, instead of creating an app for iOS, since you can’t really sideload (there are ways for people in Europe and you can jailbreak bla bla bla…) and this app is made for ordinary people. Not developers. So, as a last resort, I am making a WebClient and WebMonitor, so the apps are able to run without even installing anything. Obviously the installed apps will run better and feel better, but then no iOS support, which I did not want.

So, I started working with AI on a WebClient and WebMonitor and started learning JavaScript, but that…. Dart next to Javascript is a kids game honestly, very hard, I tried to make it easier for me by using TailwindCSS which I have some experience in, but it wasn’t that easy. To eliminate AI slop, I have a great Web developer friend (became bald at the bold age of 30), and he’ll monitor the code and check if it is alright for “prod”…

🛠️ BUGFIXES! BUGFIXES!

I didn’t really add any new features this time, but rather focused on fixing and polishing already existing features.

🔒 Security and Stability

• Token Generation: I removed hardcoded “placeholder” tokens; the system now creates a new API token seamlessly.
• Storage Limits: Added a maximum 500 picture limit on the server, so it doesn’t fill up the storage if the cleanup task fails.
• Syntax Fixes: Fixed a broken dictionary on the server which threw garbage JSON.

✨ UI and Usability

• Notification Cooldown: Added a 1-minute cooldown between notifications to prevent spam.
• Better Statistics: Now the Activities tab shows 50 events instead of 5 for more accurate data.
• Dynamic Names: Removed fallback placeholder names (no more hardcoded fake names).
• 100% Localization: Removed all hardcoded UI strings and moved absolutely everything into l10n and .arb dictionaries.

🏗️ Architecture

• Hardware JPEG Streaming: Switched to native hardware JPEG streaming for faster picture taking, completely replacing the heavy RepaintBoundary method.

🚧 IN THE WORKS: WebSocket migration! I will tackle that tomorrow to achieve real-time streaming.

Here is a picture showing git graph (lol) and Berci as I was fixing up issues.

Bye guys!

More seamless Setup!

I have edited the Setups, so now, it is more seamless:

• When you Install the server, it spits out a QR-code, which you have to scan while setting up the Client app, they connect, and you have to set up the profile of the pet, and a 4 digit pin code, which will be for the WebClient that I am planning to make. After that, the phone spits out another QR code, which you have to scan with the Monitor, and it will connect automatically, and only then will the app let you in.

• Also, I added E2EE to the server - client connection, to make it more secure, and I also did some bugfixes. I will start to Polish the apps, make it so easy to set up that even somebody who doesn’t use technology day-to-day would be able to set it up perfectly.

Bye guys!

Monitor ready, server working, Client UI is mostly done, we are shipping soon!

I made a few adjustments today:

Monitor:

• Synced theme with Client
• Fixed alignment issues
• Added Auto reconnect and Auto capture
• Monitor is basically finished, I don’t think I will add anything to the monitor before shipping now.

New README.md:

• I completly redesigned the README, now in my opinion its almost perfect.

Tomorrow, I will start to make a webpage for the project, and I might make a WebUI before the project ships, and add some more tests, but I will sleep on that.
Bye guys!

Monitor ready, server working, Client UI is mostly done, we are shipping soon!

I made a few adjustments today:

Monitor:

• Synced theme with Client
• Fixed alignment issues
• Added Auto reconnect and Auto capture
• Monitor is basically finished, I don’t think I will add anything to the monitor before shipping now.

New README.md:

• I completly redesigned the README, now in my opinion its almost perfect.

Tomorrow, I will start to make a webpage for the project, and I might make a WebUI before the project ships, and add some more tests, but I will sleep on that.
Bye guys!

Frontend Changes to PetTrack!

Today I worked a lot on PetTrack, and I made a few small but nice changes:

• Zone Notifications: You now get notified if a pet enters or exits a zone.
• Battery Alerts: Get notifications if the monitor’s battery is low (can be set between 5% and 50%).
• Camera Placeholder: Added a placeholder picture for when the camera is offline.
• Pet Types: You can now set the type of pet you have. I’ve added a few common ones, but I can add more if needed!
• Dynamic Live Badge: Fixed the hardcoded “Live” text on the dashboard. Now it shows exactly when the picture was taken (e.g., “30 seconds ago”), and if it’s under 10 seconds, it will say “Live”.
• “Continuous” Video: It’s still using pictures, but instead of updating every 30 seconds, it now updates roughly every 2 seconds.
• UI Cleanup: Removed the zoom buttons from the Zones screen since they were unnecessary.
• Custom Zones & Icons: When adding a new zone, you can now assign it a category (play area, toilet, food, water, bed) with matching icons. I’ll add a fully customizable option later!
• Bug Fixes: Fixed some minor layout issues.

That’s all I think.
Bye guys!

Miscellaneous Updates to PetTrack!

Hey guys! I know I haven’t posted in almost 2 weeks at this point. I needed a break from coding and doing work at the PC/PetTrack.

We have a few miscellaneous updates to share:

• Custom Monitor IDs: You can now set a custom Monitor ID, and it will show up properly in the PetTrack app as well, instead of just defaulting to “Main Monitor”.
• Battery Status: You can now see the battery percentage and whether it’s charging directly in the app! I plan to add a feature later that will send a notification to the PetTrack Client app when the monitor phone’s battery is running low.
• Backend Testing: Added testing to the PetTrack server for both the WebSocket and REST API, so you can easily check if the API and WS are working correctly.

I will put more effort and hours into the project soon, but I have a lot of other things going on besides this project, and I don’t want to risk burning out.

Bye!

P.S: This is Berci from a few days ago and I pushed everything to GH!

Miscellaneous Updates to PetTrack!

Hey guys! I know I haven’t posted in almost 2 weeks at this point. I needed a break from coding and doing work at the PC/PetTrack.

We have a few miscellaneous updates to share:

• Custom Monitor IDs: You can now set a custom Monitor ID, and it will show up properly in the PetTrack app as well, instead of just defaulting to “Main Monitor”.
• Battery Status: You can now see the battery percentage and whether it’s charging directly in the app! I plan to add a feature later that will send a notification to the PetTrack Client app when the monitor phone’s battery is running low.
• Backend Testing: Added testing to the PetTrack server for both the WebSocket and REST API, so you can easily check if the API and WS are working correctly.

I will put more effort and hours into the project soon, but I have a lot of other things going on besides this project, and I don’t want to risk burning out.

Bye!

P.S: This is Berci from a few days ago and I pushed everything to GH!

Hey guys!

I haven’t posted a devlog in a few days now, I have been working on some stuff here, and I have to say that I have some very good news!

We finally have a Client app! It is a work in progress, but it is something!

I don’t remember everything I have changed in the code, but:

• API adjusted, added a layer of security, because the API wasn’t secured.
• Added zones to pettrack_server, and added an API to edit it,
• Added Database (maybe mentioned in last devlog)
• Takes pictures every 2 seconds, only saves every 30 seconds for 12 hours (will add a replay mode or something like that)
• pettrack_monitor almost fully done, only need to add some stuff here and there.
• pettrack_server is in an MVP state now, it works beautifully but some features are still missing before shipping
• pettrack_client has been made (not pushed to GH yet), works well, though I am pretty fking shyt in UI design, so I made the UI with stitch.withgoogle.com and coded some of it with Gemini, though it still needs a lot of work.
• Live camera somewhat works (TODO: need to add when watching in the app to show the new pictures (that are taken every 2 seconds and not the 30 seconds saved))
• Shows which zone was the most used- Shows last interaction (movement)
• Last 15 activities (entered zone, left zone, will add more later ? (NEED IDEAS!))
• You can add zones (see the live camera and set it via adding points on the picture)
• You can set a picture and name for your pet in the client app- Always changing welcome greetings

• No logo / face for the program yet, and no website, will start working on that later
• The Client app seems very stable for now, no issues found, pettrack_monitor has issues with focusing, server seems stable aswell.

I am soon looking for testers for the program, before shipping I want to make sure that this is functional and useful for small pet owners, and what might work for me in my use case, it might not for somebody else, and I want to make it as stable as I am able to.
Everything is opensource, available on https://github.com/szbnce/PetTrack (will push everything to GH tomorrow!), DM me on Slack if interested, currently only available for Android.
I will start working on the UI and fix the bugs, and get back to you guys soon!

Here are some pictures of the UI!

Hey guys!

I haven’t posted a devlog in a few days now, I have been working on some stuff here, and I have to say that I have some very good news!

We finally have a Client app! It is a work in progress, but it is something!

I don’t remember everything I have changed in the code, but:

• API adjusted, added a layer of security, because the API wasn’t secured.
• Added zones to pettrack_server, and added an API to edit it,
• Added Database (maybe mentioned in last devlog)
• Takes pictures every 2 seconds, only saves every 30 seconds for 12 hours (will add a replay mode or something like that)
• pettrack_monitor almost fully done, only need to add some stuff here and there.
• pettrack_server is in an MVP state now, it works beautifully but some features are still missing before shipping
• pettrack_client has been made (not pushed to GH yet), works well, though I am pretty fking shyt in UI design, so I made the UI with stitch.withgoogle.com and coded some of it with Gemini, though it still needs a lot of work.
• Live camera somewhat works (TODO: need to add when watching in the app to show the new pictures (that are taken every 2 seconds and not the 30 seconds saved))
• Shows which zone was the most used- Shows last interaction (movement)
• Last 15 activities (entered zone, left zone, will add more later ? (NEED IDEAS!))
• You can add zones (see the live camera and set it via adding points on the picture)
• You can set a picture and name for your pet in the client app- Always changing welcome greetings

• No logo / face for the program yet, and no website, will start working on that later
• The Client app seems very stable for now, no issues found, pettrack_monitor has issues with focusing, server seems stable aswell.

I am soon looking for testers for the program, before shipping I want to make sure that this is functional and useful for small pet owners, and what might work for me in my use case, it might not for somebody else, and I want to make it as stable as I am able to.
Everything is opensource, available on https://github.com/szbnce/PetTrack (will push everything to GH tomorrow!), DM me on Slack if interested, currently only available for Android.
I will start working on the UI and fix the bugs, and get back to you guys soon!

Here are some pictures of the UI!

Hey guys!
It’s been a long day, once again, but I have some good news!
I have started working on PetTrack Client, started writing the UI and the functions of the app, but that’s when I realised that I still have no way of storing the data, analyzing the data and I don’t have any API routes where I could check or see the NON EXISTENT DATA!

so, I left pettrack_client and started working on the backend, it’s getting somewhere, but I have not pushed changes to GH yet, because I haven’t finished it yet and it would not run in this state.

I will try to finish changes with the backend tomorrow so I can start working on the frontend / client with real, actual data.

Until then, here is a picture of PetTrack Monitor running on a somewhat low end Android 8.0 device and my IDE :D

We finally have the server in Docker up and running!

I haven’t had much time to work on the project yesterday and today, but I started working on the Docker and Dockerfile, and well this is still whichcraft for me :p

But, we are developing and we are getting ahead, and I hope that after the MVP for the server is working, I can start working on the client side MVP of the app, and we can start implementing features from there.

I am very tired, and I have a long day tomorrow.
Until then, there is another picture of Berci!
P.S: Tomorrow I hope I can show some of the actual project!

Good day everybody!

It’s been a long day. I have done a lot of things today, mainly with pettrack_monitor. Basically:

Firstly, I did a git rebase and made my last few commits make a bit more sense. There were commits that weren’t that useful or had the wrong name; it’s always better to have a good commit history. Next, I finally installed the app on a real device, and let’s just say, there were some problems. The flashlight was on while taking pictures, which is what I fixed first. It was quite easy, just one line: await _controller.setFlashMode(FlashMode.off);

Afterward, it dawned on me that most people (including me) will use this app in Landscape mode, not Portrait. I fixed that issue next, but that itself came with a batch of new problems. The layout broke, like, fully. I couldn’t use the app at all, so I had to rewrite the whole layout with flexes and SizedBoxes; it was a pain in the a**. After this issue, instead of showing the SetupScreen every time the app opens, I made it a one-time thing and added a Settings menu and an About page. There were some issues with overflowing, but I fixed that as well. Now the app is fully functional. However, there is an issue I haven’t gotten around to fixing yet: when I exit the SetupScreen and go into MonitorScreen, the Xiaomi Camera API kills itself for whatever reason. I tried fixing it, but to no avail.

It’s currently 12:30 AM, and I am very tired now. Tomorrow, I hope I will fix all remaining issues with the Monitor app and move onto the Server-side logic, zones, database, etc. And while doing that, I will start working on the Client-side app (at least an MVP) so I can start testing the app and server together.

Berci is also looking forward to testing the app! (And don’t ask why he is there he is there because he wants to I have no idea why that’s good for him)

Peace out!