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.
Now that I have the UI for simple CRUD operations, I can clean up the code a bit.
Add shared stylings.
Unify the code between screens.
Add a dark mode (too much for now, but I know I will need it later).
Proper spacing and typography
This lays a good foundation I can build upon.
It makes me happy, this feeling of having a base on which I can iterate. Make small changes and directly see improvements. I hope I can keep this feeling up while improving the app. Small changes, small
Features. 🤷
Another nice thing is when the UI goes from basic to polished basic. It is not much but improves the view noticeably.
The focus today was to add UI for adding, editing, and deleting entries. Which is now working but looks awful, but for an MVP it is enough. :D
While working on it, I discovered some flaws in how I handle entries. When I had this app in mind, I always thought that this should be possible from one form input. But while thinking longer on it, this would be possible but with a lot of effort. So this could be a feature for later. For now I want to focus on the basics. Still, I don't want the user to fill out a lot of form inputs.
With this day, I have some input fields that are simple but are doing the job. It is now possible to make simple CRUD operations within the app.
