Devlog #6

Hi! I haven’t made a devlog in a while, but i’ve been up to a lot! Let’s get started!

I completely redesigned the parent card from the ground up, because I wasn’t happy with the way it looked.
I added:

• Cool stats!
• and hierarchy…
  (by the way I made it so you can style the note card now in any way you like using ⌘B, ⌘I and ⌘U)

Because of the nature of having every node be able to connect to every node, there is no natural hierarchy. So how can a parent “folder” card exist if there is no hierarchy?

Introducing… the red connector on the parent card! If you connect a green connector to a red one on a different parent card, you make the one with the red connector the child and the green the parent! This allows for: 

• Stacking of stats on the cards
• Better organisation!

There’s also an image card now! You’ll see it in the video.

I also did some bug fixing, and changed the icons in the sidebar to match the cards.

I’ve been thinking hard about what’s next for this project, and I think I’m very happy with it.

That being said, it does run on localStorage, which:

• Is tiny (~5MB)
• Only saves to your computer.

I want this app to be something you can pull out on someone else’s laptop, or on your phone, and localStorage simply can’t do that. Which is why I’m going to be working very hard over the next few days to switch this project over to Supabase.

This is going to be a massive overhaul in Infinite Workspace’s backend, especially since I have never used Supabase before (I’m more of a Firebase kind of guy). This means that these devlogs are going to start to get smaller and sparser (as I have to learn Supabase).

I’ll try to show the code I’m working with, but UI changes will be practically non-existent from here on out (unless I feel really passionate about something.)

Devlog #5

I found out today that you can style your yap sessions devlogs, so i’m going to be doing that now!

I added:

• Saving: your workspace now saves to localStorage automatically
• Parent node: A root node that you can use to group topics and fields together in your workspace
• Probably more bug fixes that I forgot to include…

Devlog #4

I’ve made good progress! There is now:

• A Sidebar
• The task card to finished now too
• General bug fixes
• Ages spent going back to comment all my code!

The sidebar is a new way to add nodes, now a drag-and-drop system! See it in action on the video (it might look like i’m not dragging on the screen recording, but I am)!

I made the task card look beautiful, polished and finished too! It looks great I think.I’m gonna put my project goals on there so you can see how it looks!

Devlog #3: I added a new task card! This took a while… It’s not finished, but it’s close! I’ve also been doing some bug hunting to make this project more perfect.

I also added cool new animations, using libraries like Motion and GSAP, including a loading screen, and quality-of-life animations, like:

• the task button
• the animation for creating a new task or note

Devlog #2:Basically the entire devlog is in the video, so read the cards in there, but is short:

• I’ve gotten the canvas working + the note nodes, and I think i’m ready to start making more node types (e.g tasks, links, imgs, etc).

Just made a drawing of my plan. I think it’s gonna look great.