JovannMC

JovannMC

0-day streak
busy again today, but i implemented toasts to show errors (have ones for "success" and "info" too)
https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/101597dd-bc3f-4062-9842-c7dfa11f125e-image.png
made it so you can now toggle names on/off if you want them to be included in the heatmap or not! hopefully i can finish up some of this stuff soon so i can ship it :3
not too much work today in terms of features, it's mostly fixes and cleaning up code a bit. example here with using svelte's snippet feature to reduce the code needed for the same thing!
https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/bb6467a7-110b-426d-a6dd-0e5319548bb3-after_snippet.pnghttps://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/5a85c5ce-67e4-4b1a-9a9f-b52a202a2df0-before_snippet.png
goose-honk-technologist emoji
svelte emoji
added the ability to highlight/lock a time slot by clicking on it & you can now hover over the attendee names to see just the times they are available individually
Added 12/24 hour time and make use of localStorage to save the changes across refreshes!
https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/1fb59d4d-3b1f-4b4f-b4fc-39474971c9cd-image.pnghttps://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/bdc34e59-82d5-4a37-8db1-4c2bad5079ea-image.png
started work on the floating settings button, moved the existing "starting day" over to it and added placeholder settings for now was busy so not too much for today
today i mostly focused on the mobile experience and making it more responsive on mobile
https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/98a7d21b-af7d-4724-a173-5a1a98cb5521-image.pnghttps://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/cccbbbae-4b93-4175-a173-0c7f1980c557-image.png
You can now see how many people are available, and who is, for a date/time (long names get truncated), added a hover animation, and created a basic about page the basics of the project is pretty much done!
https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/3e732b5b-5a1c-430c-af8b-0fcc5e14e720-librewolf_r1c3capmj7.pnghttps://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/923328c7-f3b2-4ac1-b883-7bf2bab495f7-image.png
not too much again today added fade animations when selecting and deselecting, heatmap now updates in realtime, cleaned up some of the code, and updated all the npm packages without breaking the entire thing!
goose-honk-technologist emoji
npm emoji
was so sleepy today, but i implemented a "heatmap" into the time selections, so now you can see visually see when the most people are available! project is getting closer to being done :3
https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/8edb4a65-4e49-4cf9-852a-467718ad699c-image.png
so uh, i lost my mind today but here's the update: i made each time selection element 15 mins instead of 30 mins (4 slots in 1 hour instead of 2) i lost my mind because i was trying to get the time labels to align properly, and the solution i did was the most janky thing i've ever done in my life. i'll let the comment on the second screenshot explain. i'm going to sleep.
https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/47ca25a5-faaa-488d-a492-b27964e1750a-image.pnghttps://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/afd5304c-8cc1-4b43-9d6e-b73de2480328-image.png
Once again spent more time fixing some issues, but now I reworked the time selection to be more compact (so now it kinda looks like the other projects lol)
https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/92070bdd-2818-4eac-bb17-76f1b56c8f02-image.png
Not too much work today, spent more time than I thought to fix a huge issue when authenticating and loading settings (but I finally fixed it) lmao. Actual error messages from the API also show up on the app instead of a generic error.
https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/fc59ca01-6a22-423c-8151-bc2dfd54a007-image.pnghttps://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/9111a146-0b0b-49c9-b257-f6091857a035-image.png
Started work on the "events" page so people can actually put down times they are available - click and drag to select times on different days & "sign in"/"sign up" for events (with an optional password. not really confident in how i implemented authentication though, lol (but it isn't that critical really, the password is just for that specific event and there isn't a "global" account system)
https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/1b3aad3a-a28c-4bef-8fd6-2298749b24a4-image.png
Had a bunch of issues with VSCode's TS language server crashing but I finally fixed it, started learning how to do API stuff with SvelteKit for my project and it's working! Can finally work on allowing people to "sign up" for timings for events
https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/2110f947-6d51-415d-829a-2d8153d72b17-image.png
typescript emoji
vsc emoji
Working on improving date selections on my project, can click & drag to select dates now
https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/03635814-f399-4e5c-8f59-6796e6511c01-image.png