You are browsing as a guest. Sign up (or log in) to start making projects!

ThaoVi

@ThaoVi

Joined June 10th, 2026

  • 30Devlogs
  • 6Projects
  • 6Ships
  • 18Votes
Ship Changes requested

Orbital terminal

I usually need something active on my screen so I can stop using it and start studying, so what is better than pretty nasa images on the screen with the live time?
My APOD (Astronomy Picture of the Day) website uses Nasa data to have the APOD as background image.

Features

  • Futuristic green theme
  • Shortcuts widgets with useful links
  • Calendar
  • Live time
  • Expendable about section featuring the description of the APOD.

Issues

I started the guide two months ago and when I went back to it the API wasn’t working AND my css file was in the wrong place and I didn’t know and was very unmotivated. I had to use ai to figure it out and finally complete my project today hihihi.

I am proud to say say that i know how hovering works now and I improved a lot in CSS styling.

Try project → See source code →
Open comments for this post

51m logged

Calendar and shortcuts
I added a shortcuts and calendar widget and made the webstie small screen friendly! I got an issue with hackatime in the middle but too bad.

For the calendar, I made a new js file and checked w3schools to see how to do it and used ai to debug because i forgot to close one h2 and it was messing everything up.
Thankfully shortcuts was a lot easier to code since its just a grid with links
I think its ready to ship :d:

0
0
6
Open comments for this post

1h 25m 52s logged

New changes

So it has been a while since I touched this projects and turns out the way to fetch the apod changed so i did have to use ai to figure out what was wrong cuz i was so lost sorry gng. I am very satisfied with my current design and plan to ship soon hihi. I also used ai for the about card hover effect cuz i had no idea how to do it and wanted to ship asap and win that lego set but trust its under 30% gang

0
0
15
Ship Pending review

I made a a 9-key macropad with an OLED display used for note taking on a 2 in 1 laptop. Default keymap includes copy, cut, paste shortcuts as well as music control. My first hardware project! The designing part was manageable with the guide but the building part was very hard since the assembly guide is incomplete. I realized that my pcb made it so that my oled pins went through the xiao so the xiao is floating haha. Sadly only three keys out of nine work right now, but the oled display works so i plan to make fun animations on it!

  • 1 devlog
  • 4h build
Video of Project → See source code →
Open comments for this post

3h 41m 18s logged

BUILDING

I was working in 5 min intervals for the sticky streak but gave up today and decided to finish everything today :D.

While building I realized that my oled display pins went through the XIAO.. so i had to improvise a bit and make the xiao float.

I flashed the xiao and i have only 3 out of 9 keys working oops.

The hole in my case for the display was also too small so i had to use my soldering iron to melt it and expand it im a bit worried for my lungs tbh

Now ima try to figure out how to make the other keys and the oled display work wee

Update

The screen and all my keys work! I was using qmk keycodes that didn’t work on windows that’s why 6 of the keys weren’t working :D

0
0
21
Ship

WebOS

I made an Undertale themed WebOs presenting me, with some other apps such as countdowns!
This is the very first Stardance project i did, and also very first html project overall (including webos1)

Features

  • A top-bar with a live clock and a healthbar
  • Draggable windows
  • Closable windows

Applications

TrueNotes (personal)

A personnal app where I put thoughts about true crime stories I enjoyed :D
The design is centered around Undertale’s field of flowers, with each footstep being a story; I wanted to make it more original than the side bar I had in WebOS 1.

To do app

A very basic to do app.

Countdown app

A simple countdown app where you can set countdowns and a new window appears for each countdown. They are editable and deleteable :D
You can also change the precision shown on each windows (in case seeing seconds stresses you out)

Skeletale (personal)

An undertale - anatomy based “autobiography” of me, it’s part of my WebOs 1 and I haven’t really updated it since.

Future plans

  • Undertale music player
  • An intro page (WIP) where you can chose your character and background image.
  • Make the notes apps more interactive by making the user add their own notes

Undertale references

The close button is a heart and it breaks when you hover on it to close the window!
The field in TrueNotes are the yellow flowers from undertale.
The health bar is also a reference from undertale.
The fonts! They are from https://github.com/hujgup/Undertale-CSS

  • 7 devlogs
  • 15h
  • 12.46x multiplier
  • 190 Stardust
  • WebOS 2
Try project → See source code →
Open comments for this post

4h 15m 49s logged

Pre-ship adjustments

I’m shipping it, finally!
I tried to make the user experience better by making the design more coherent (grayscale), although I am planning to add a lot more undertale references.
I also changed my footprints color to contrast more with the yellow background. The countdown looks a little better, i removed some overlapping gaps that made everything look awkward but it’s better now!

0
0
12
Open comments for this post

3h 43m 46s logged

i COMPLETELY changed the design of my OS to be full on undertale

I found an amazing undertale css pack by chance and loved it so much so i went from wow blue aesthetic to undertale yay. I still have some customization to do

I changed the close button to a heart and when you hover on it it becomes a broken heart im really proud of that

I’m also almost done with the to do app the tasks are just not overflowing the way I want them to

new ideas:

  • music player to play undertale songs
  • map to make wallpaper change based on map location
  • have a preload screen that makes you choose your location and choose character
0
0
5
Open comments for this post

2h 35m 55s logged

countdown working!

I made it look a little better but I’m not completely satisfied yet. You can now edit and delete countdowns, change precision and some other stuff but now I want to work on making windows pinnable :^

I also want make a todo list app, I’m really thinking of making this OS my study compagnion haha but idk if its too basic for this mission. But anyways ill do it for myself not the stardust hee hee haw haw

0
0
7
Open comments for this post

2h 19m 55s logged

Countdown app

I added a countdown app/widget for some motivation so you can have something to look forward to! The CSS is definitely lacking so I will work on it once im done with JS.
It was a bit hard to convert every input and change precision but I figured it out thanks to W3S.

I still need to:

  • Show a list of the cooldowns in the main window and make them editable and deleteable
  • Make the new window closeable & pinnable
  • Make the time input optionnal
  • Make an icon for the app
  • Find a way to save changes? (maybe)
0
0
7
Open comments for this post

42m 30s logged

First feature done

My notes app is now cooler:

  • Footprints instead of a text based sidebar
  • Links open in new tab
  • Upon first opening of the app, only footprints show on a grassy field
  • Animations on footprints and sidebar after clicking the first footprint

Things to add after finishing other features:

  • More notes content
  • A way to go back to the grassy field

To work on next

  • More animations
  • Gamify Skeletale app
0
0
6
Open comments for this post

1h 2m 49s logged

Devlog

My side bar is now a menu? I made it so that content will only show after clicking on the footsteps (not yet but that’s the goal).
For that, I need to write a new function in Java Script and add a blue grassy background to match with the cloudy background.
My animations are now smoother as I added transitions and larger margins so that the icons getting bigger don’t impede on the other ones.
I also added hover text so that we can know which story is selected when hovering on each footstep.

0
0
3
Open comments for this post

33m 9s logged

WebOS 2

It’s been a month since I didn’t work on this so I forgot how to code a little. Looking at my old code is helping me remember the coding though.

First new feature (Working on this)

As my first new feature, I am revamping my True Notes app side bar. I want to change to to footsteps I can click on. As of now, I only imported the image and made the footprints appear for each entry.
I have yet to make them as a path, center them and just have a better general layout.

Second new feature

I want to have hover animations. Eg if I hover on the footprints they get bigger, hovering on an app would change the top bar of the window header, etc.

Third feature

I haven’t really thought about it yet, either I’ll make my Skeletale app more interactive by changing back and next buttons to directly clicking on the skeleton either I will make a new app

0
0
8
Open comments for this post

51m 55s logged

Firmware

I finished my case so I have been trying to figure out how to do the firmware on QMK, so I thought about switching to KMK since I already know how to code in Python. In the end I just stuck with QMK since I was already almost done. Here is my layout:

0
0
13
Open comments for this post

2h 19m 2s logged

Case

I have been working on Onshape to make the case. Getting famiiliar with the platform took a long time before I could do something.

I finished the case but I should adjust the USB port, it can be done later.

I had to adjust it because I figured that I had flipped XIAO on my PCB but didn’t do it on my 3D model so I wasted a little bit of time.

Right now my switches are in place but there still is a strange gap between the key holes and the switches so I have to fix that.

I also have to add the LED screen in the assembly.

I think I will be done after that!

0
0
12
Open comments for this post

22m 29s logged

I didn’t spend too much time on styling since it has fixed payout but I added background colors for the body, navigation bar and for each section. I also changed the font. For each section, I also have rounded solid borders

0
0
6
Loading more…

Followers

Loading…