Even if I don't post daily, I'm still making progress. I just focus more on the progress part and not on the documenting one. 😎It’s crazy how all this is coming together while I work full-time and manage family and renovating the basement. 🤯
On Day 18, the two main points on this day were a new home screen, which shows some nice little statistics, and the move to tanstack/query for a shared data layer. (Which I should have used directly from the start.)
The home screen is now showing a clean grid with 5 tiles that show summaries and top entries. The top entry tiles are clickable/tappable and trigger a search in the entry list, which feels good and in the correct place. The summary tiles are using a simple SVG chart, a bar chart to be precise.
I'm at a point where I can focus more on the UI. And this will be time-consuming. This is a lot of trying out and seeing what sticks. It's a lot of fun, but I need to limit myself and not overdo it here. 😅
So, today I got a lot of stuff done. Refined the spacing and tried to make it even on all screens. Improved the styling of the forms and buttons. And cleaned up the styling itself, so it looks a bit more minimal.
I want to show more, but I also would like to keep it a secret what app and style I'm working on. So the posts get a bit shorter. I just want to describe what I have achieved so far.
I'm falling a bit behind. Started another freelance project, so things are a bit slower now.
Most of the MVP is done, and I'm starting to polish some things. For Day 15, there was a small refactor of the Add/Edit forms to make them more robust and improve the UX.
One of the notable things here is the introduction of react-hook-form and zod. Which makes the most sense in combination with Supabase. In addition, I moved all form fields into shared components.
All the changes will give me a good feeling that this app can grow after the MVP. :)
On Day 14, I improved the error handling and fixed some bugs that bothered me for some time but were not necessary to fix directly. One of them was storing the user session between rebuilds. Every time I rebuilt the app, I needed to make a new login, which is inconvenient when developing. :D
On Day 13, I’ve focused on a tagging system. While making entries, the user can now add tags to the entries. These tags are also now part of the search and filter functionality I implemented yesterday.
Today I’ve implemented a basic search to filter the entries. It's just a simple search field on top of the entries list; here you can type in keywords and reduce the list to what you need. Simple as that.
One more day with the language switcher. Today I worked on the UI and added some logic to it. For example, the app uses the system language as default, and the user can switch between English and German for now.
Furthermore, I made some small improvements on the theme. I liked the red crimson color, but it made it really difficult to read text on a black background with this color. So I switched to a nice lime green. Which is now the new primary color and works well.
This day, I focused on the language switcher and added persistence to it. Now the chosen language (for now only programmable) can be persisted between app restarts. I've used the @react-native-async-storage/async-storage for it.
There is now a nice, simple, and minimal settings screen for the app. I will extend the capabilities here later. For now it is good to have it here and be able to sign out so I can test the auth better.
