Systematic

I added a clear progression to the timeline. Every task in the timeline up to the current moment is colored and every task in the future is grey with just the color accents. Also connected all tasks with a progress bar which behaves just like the tasks color wise and has a smooth gradient from one task's color to another's when between tasks. I think this is an essential visual upgrade so the user can roughly know how much of a task is left or how far in the day is he.

Really just transformed a list of tasks into a timeline:
- Added date sections to indicate when a new day starts - Added gaps beteen tasks indicating how much free time there is between two tasks - Added timestamps when every task starts and ends - Just one timestamp if tasks are right after each other (no duplicate timestamps showing same time) - Added task's timeframe and duration below it's name - Fixed invalid timeframe check in TaskSettings - TaskSettings now doesn't allow to have overlapping tasks - + more that I don't remember

You can now add a new task by configuring the settings in TaskSettings or update an existing task. I added error messages so the user can not save a task if it doesn't have a name, emoji etc. I also sorted the tasks array by date and time so that the earliest task is first. I tried to move my project to a location on my windows system (was on Linux system, I am using wsl) so I can create EAS builds locally and not wait 6hrs in a cloud queue but the app was reloading so slow due to the wsl bridge that I went back to my original folder. Thankfully tho hackatime didn't break and correctly tracks my hours for this project after all that.

Added a delete button to a Task and made a few changes. Created settings for a Task with a name input, start and end time, duration, date, color and emoji. I used a DateTimePicker package and a reanimated-color-picker library for the respective settings. It doesn't seem like I did a whole lot, tbh I am probably bad at making UIs, but this just takes time for me.

Added firestore security rules. Started creating the timeline page: added a header with a settings page where you can log out, used FlashList for the timeline, created a Task component with a ThreeStateButton that indicates if the task is done, not done or kinda done.

There is now authentication in my app. Worked on the sign in methods, used a vercel function to safely handle github client secret and get the access token (tried google cloud functions before). I also fixed some redirecting issues with the github sign in, made sure that user accounts are created in firestore when user signs up. Hope it's not a big problem this devlog was posted after more than 4 hours of coding since the last one, I wanted to have the authentication finished and have something to show.

• Fixed the issue of journal entries not being saved to Firestore
• Migrated to firebase modular API
• Created a basic sing-in page
• Following an expo authentication guide (created an AuthContext, SplashScreen logic, sign-in page shows if user isn't logged in, otherwise the app pages are shown

Played around with Firebase and implemented saving to Firestore (there are still some issues)

I finished the journal page - the first page in my app. I added the last feature to it - a list of improvements you want to make.

This is my first devlog where I talk about everything I did so far for the 23 hours that are tracked on my project (at the beginning I didn't know we had to make devlogs). I know the small amount of stuff I made might not justify the 23 hours, but some things took me hours to figure out. Sorry that the audio is so quiet (hope it's bearable) and that I'm swinging on my chair so much (I might have ADHD or something).