Devlog #8

Sorry for the massive gap in devlogs recently! I’ve been flying all across the world, from the UK to Canada to New York (and soon, Texas)!

But…

I really didn’t do much in these 3hrs that’s worth talking about… Just a bunch of bug fixes with Supabase (mostly a weird glitch where if you logged in and out and in again on your computer, Supabase would delete all your data from the database), some more work on the new dashboard (and all the Supabase troubles that come with it), and a REBRANDING!!!

This web-app is now called “Prism”, an infinite workspace platform that can help you refocus your ideas and make them visible and easy to understand.

I’ve also switched hosting platform, from Netlify to Vercel (they kept trying make me pay for AI credits, and when I said no they blocked the website).

I’m really excited about this project, and I hope you can see my love and joy poured into it through the web-app and my devlogs!

If this is the first devlog you’ve seen, I highly encourage you to try out the app at https://prism-beta-beige.vercel.app/

Thanks, and see you next time!

Devlog #7

I did it!!!!!

I added:

• Supabase
• AND Clerk!!
• New font
• Tutorial
• New routes?!

Watch the video to fully appreciate all this

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.