Zephyr

new devlog :> okay so, i’ve finished the missions page and also started working on the focus run page. Im really happy with the missions page, its such a smooth and sleek interface and it just feels good to use

As for the focus run page, i’ve animated the outer ring already but i’m not sure if its good or not… I may change it in the future

NEW DEVLOGGGG

Okay so, here’s where we’re at now. We can make missions, and edit them smoothly from the UI. The mission creation was MUCH more difficult to make than i expected because I didn’t know that i was supposed to draft it so i ended up rewriting the entire functionality again x-x but it works extremely smoothly now :>

Tomorrow, I’ll handle mission deletion and then move on to the focus runs page. MWahaahaha

New devlog time: it has been 6 days since the previous devlog and I’ve only put in 4 hours (im very behind) but im back on track to finish the mvp of the project by the end of march.

I have made an executive decision to remove reordering functionalities in my missions page to save time. Framer motion’s reordering component is a pain to use with tables, and after spending hours of debugging, I’ve decided to just remove it for now.

I created the menu on top though, we got fancy buttons now :> i also added the new mission row at the bottom of every table

New devloggg

Not much change on the frontend yet, but I’ve properly set up the backend with preload scripts, ipc handlers, etc… to serve missions from the database instead of dummy values :> now i need to fix the other tables, include a “new mission” button, think up of a solution for overflows, create insert, delete, and update functionalities, handle mission reordering, yada yada yada :>

Okay :> New devlog

I have created the missions page. Yes. Devlog complete.

It consists of a table with multiple, reorderable missions that can (in the future) be selected, edited, deleted, updated, etc. the missions are divided based on their status and ordered based on creation date. For the mvp, i probably won’t let the missions be reordered based on other columns for simplicity’s sake.

But yes, mission page mostly complete. Now i need to hook it up to my backend and add some finishing touches.

New devlog :> i’ve created the navigation bar on the left and im ready to start working on the missions page. It took me a minute to make because i had forgotten a little bit of how vue layouts work with the vue-router but we’re back in business :>

For the missions page, ill first be making the UI and then connecting it to the local database so that it actually works! By the end, we should have a cool task list page set up. I need to be cautious when making the UI though, because i’ll need to later incorporate animations in it with framer motion

OKAY. devlog time.

A lot has happened since my last devlogg ;-; i made my entire database using better-sqlite3 first, and then realized that the DAO layer would be an absolute pain to make manually, so I tore everything down and did it AGAIN using drizzle ORM. Drizzle gives me a standardized way of accessing my data (even though im still technically writing sql queries since drizzle is sql first) so i don’t need to worry about all the tiny details. (migrations are also MUCH easier with drizzle)

Next, i went back to the drawing board (literally) and started designing the first section of prism that I’ll be working on: the missions page! this took quite a while and i may end up adding more details to it as i go on, but i feel like this is a good place to start writing code.

The next step is to make my UI using vue and finally have something tangible :>

I HAVE FINALLY FINISHED DESIGNING THE DASHBOARD —– I hate designing. This took me over 11 hours to make and i forgot to make a devlog earlier but its fineeee.

In the dashboard, ive decided to divide my content into two: a sidebar on the left and a main content area on the right, classic. Currently, i’ve designed my command center (i.e., the dashboard), with 4 cards, one for the current mission (the current task), one for the user’s signal (a metric calculating how focused they have been today based on their activity), their streak (the number of days that they’ve been working in a row), and of course, a core mechanic, the focus bar (fills up after consecutive focus runs).

I really like this concept of gamifying work and turning into something interesting! I want to create something that is actually useful… The next step is to start designing the sqlite database :>

Wow, okay. So it’s been a while, I’ve really been caught up in work BUT WE’RE BACK.

I’ve pulled off a really really good design for the loading screen and i think its perfect for the project. I’ll be going with a dark theme and a really vibrant red, which goes really well together. After some long tedious hours of testing in figma I finally found a design I was looking for, and I created it as well!

It really gives the futuristic, premium feel i was going for, and, makes for a really good loading screen! I’ve decided on using framer motion because they offer lots of powerful animation tools, and so far, I can’t say I’m disappointed. Check it out :)

Okay so, today i worked on my loading page design. I’m going for a futuristic kinda vibe, but turns out its easier said than done.. I’ve been spending hours messing around with these lines in figma, exporting, importing, yada yada, but I’m finally getting somewhere.

I’m creating a sort of high tech HUD style loading page, I still need to add a lot of components to it but its getting more and more solid. I may be awful at design but im a stubborn guy, ill figure it out :>

This is my very first commit! I’ve finally started a project that I’ve been planning for the past 2 months :> super excited