Kournal

Working on images!
Right now the images are stored as a base64 string but I noticed that this is an absolute RAM and storage killer so I'll definitely check out the so called blobs (binary smth. smth. idk).
Also noticed that the Tab's RAM usage jumps to SEVEN HUNDRED MEGABYTES ON A FRESH FIREFOX PROFILE upon literally just opening the Attachments Window. Definitely messed something up there but it works fine on Chrome for some reason .-.

Fully refactored everything entry-related from the localStorage to indexedDB!
Tomorrow I'll start working on attachments that you can add to your diary entry.
Today I'll add some more Fun Facts maybe, idk :p

Still refactoring to indexedDB but I'm almost done now! Almost everything expect exporting and importing diary entries works now (≧∇≦)/

First time using Github branches and I gotta say that they're pretty useful. I've created one when I tried to add the ability to add attachments to your entries (will delete that branch though cuz I'm refactoring from localStorage to indexedDB) and now one for refactoring to indexedDB. You can push all you want without breaking the demo and still work on other features on the main branch!

Gonna try to finish refactoring tomorrow and try to finally add attachments tomorrow or the day after tomorrow - we'll see!

Okay okay, so I took a step back and decided to refactor everything from localStorage to the indexedDB, not just the attachments. After quite some time I kinda figured out how to corretly use the indexedDB (I still struggle... (T_T)) and managed to refactor quite some stuff already. Will continue refactoring the rest tomorrow.
After that I'll try to finally add attachments to entries so you can upload pictures and other stuff! The basic code for that already exists but only using localStorage... .-. (Shouldn't be too hard to refactor that a well though, right..., right..., RIGHT???)

Mostly used Chrome while figuring out indexedDB's actually! I normally use Firefox cuz I thought that their tools are pretty straightforward and enough for what I do but I gotta say that Chrome's Storage tab is way cleaner and simply better than Firefox's.

My brain is about to explode. IndexedDB's are kinda confusing for my tiny little brain. BUT I'M FIGURING IT OUT!!
Will continue tomorrow though (and hopefully make some progress...)

Thought I'd get it working soon but apparently the localStorage has a storage limit LOL. Gonna explore IndexedDB (which allows using like 50% of disk space apparently?) tomorrow and try to use that instead. Maybe even for the diary entries cuz if you were to really use this for a loooong time then the entries alone could probably exceed that limit as well. Eughhh, I love refactoring...

Progress!!

Saving the images as a base64 string in the localStorage now. Should hopefully get this done today or tomorrow!

Trying to implement attachments right now. Will most likely continue tomorrow!

You can change your theme in the settings now! Planning on adding more themes in the future (luckily I made it easy add new ones!!). Maybe even some theme-specific elements like a cute cat lying around in the corner or adding oneko, the ever popular kitty-that-follows-your-mouse-pointer toy :3

Currently working on a dark theme.
My first time playing around with css variables actually. In the past I've literally created a new css file for each theme and loaded them depending on the selected theme LOL.

Worked on some QOL features that make coding easier and the site more enjoyable to use!
Made it way easier to send toast notifications everywhere on the site and made.

Worked on some QOL features that make coding easier. Can send notications from everywhere on the site now. Also worked a bit on responsiveness for different devices and made it possible to update your name without it reloading the page by just changing the one element where the name actually appears. And on the next page load it'll just load the name from the localStorage.
Also made the notifications a little bit more silly :3

Made some more styling improvements/fixes.
Long diary entries get wrapped in the entry viewer now and I moved the delete button to the other action buttons at the top.
Also got rid of that scrollbar there cuz it looks really bad on Chrome .-.

Chose a license and wrote the README.md!
Also made the project public on GitHub now and updated the project information on here.

Made the website way more responsive now and fixed lots of bugs. Can't really show anything but all this will make the experience way more enjoyable, especially when using the website on devices that don't match the ideal conditions.

There are settings now!
You can customize your name & export or import your entries via a JSON file.
I'm gonna work on confirmation pop-ups next I think and after that I'll focus on mobile responsiveness and some styling updates in general :3

I added toast notifications that occur when you don't fill in required input fields. I used React-Toastify by Fadi Khadra for that, it's really easy to use!
Apart from that I tweaked around with some css stuff and also added the ability to delete your entries. I'll also try to add a confirmation popup soon so you don't let your curious inner voices win (unless they also tell you to confirm...).

For the modules I also had the idea to make one where you could pick a song from Spotify e.g. I think that'd be pretty cool cuz songs can tell quite a lot about your feelings!

Anyways, that's it, thank ya' for reading!

Made some pretty dumb mistakes during those two hours so it took quite long, but I made progress!
There's a setup screen now. You can enter a name and upon submitting, it saves a JSON object, containing user information (only the name for now) in the localStorage.
There's also a button for random cat images now!! Took way too long to do that, but HEY IT'S THERE NOW!! (It's an <img> embedding a random image from CATAAS (Cat as a service; REST API)

Also made an Array containing quite a few fun facts that get shown randomly upon page load.

Howdy! 🤠

You can now edit your entries ＼(＾▽＾)／
The code's a mess, but hey... it works!!

Forgot to mention this in the last devlog but I also want to add different toggleable modules to diary entries (Mood, Pictures, Videos, etc.) so you can know even more about that day!!

Thanks for reading o/

You can finally view your diary entries!!
Next goal will be the ability to edit your entries but I'll most likely do that tmrw.

Goals for the future are:
- Quick setup when you first open the page (idk, will only ask for the name as of right now I think)
- Looots of cute Fun-Facts
- Ability to export & import a JSON file for your entries
- Some work on the design
- Maybeeee some kind of cloud-sync or at least automatic cloud backup? yea, I dunno yet :P
- And more customization options ofc but first I gotta do the basic stuff!!

Wrote a bunch of confusing code and reverted most of that. Replaced the date at the top right with two action buttons!
Gonna work on the ability to actually take a read diary entries now!!

Tried to organize the project a little. Does the structure make sense? I dunno but I hope so lol.

Also pushed the project to GitHub now w^

You can new entries, view all of 'em & get some basic information about them.
Viewing the actual content of the entry does not work as of right now though.