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

SirYanni

@SirYanni

Joined June 1st, 2026

  • 14Devlogs
  • 6Projects
  • 4Ships
  • 15Votes
I'm actually SirYanni, mispelled while creating my Account for Stardance :.(
Open comments for this post

39m 29s logged

Landing Page

Today I made a quick Landing Page mockup (!!!) using AI.
I will later on make it on my own, but I needed to check how I’ll design it and make it work with pages,
and just don’t have enough time today to write the testing page by hand.


Again, please excuse and i’ll change it later.
Hope you like it though, as the design will probably stay pretty much the same.

0
0
5
Open comments for this post

55m 53s logged

Internal changes

While nothing has changed from the outside, I have moved the inline styling from HTML to it’s own css, which I should’ve done in the first place.

I did it today (while on vacation), because I’m planning on doing a massive redesign of the Editor, which is just way easier with HTML,CSS and JS all on their own.

Thanks for reading!

0
0
2
Ship

For WebOS 2, I made four for additions to RetrOS, wich are a new font, a calculator (!!!), an export feature for MicroMemo and a Taskbar.
For further info on the apps, please see the last devlog.
I'm really proud of how this turned out, and will definitely continue building on this.
Hope y'all enjoy it!

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

1h 19m 41s logged

WebOS 2

RetrOS additions

Today I added 4 new features:

  1. New Font!
  2. New App, the “Calc-95”
  3. A Taskbar
  4. Export feature for MicroMemo

1. The new font

The new System-Font is now “VT323”

2.Calc-95

The new app, “Calc-95” is a basic calculator using Js-logic

3.The Taskbar

The new Taskbar allows to minimize apps and see wich are currently open, as before you could only overlap apps wich just wasnt great tbh.

4.Export for MicroMemo

You can now export your notes written in MicroMemo using the “export” button, wich will then download a .txt to save any important notes!

Hope yall enjoy the features I made for WebOS 2, cya!

0
0
3
Open comments for this post

47m 27s logged

Breath Dashboard Updates

First up, I have to excuse me using AI for this project.

I let AI take hand of the hosting process, and thus of the JS-Part, wich then caused a problem of me not understanding code, which shouldve been my own.
Please excuse my wrongdoing, as it wont happen again

Nextup

I can happily announce that I have rewrittenn the code, using the skeleton AI gave me before, now, I managed to keep it way simpler and down to earth, actually understanding what I’m writing, while keeping the look (to the best of my skills) the same as before.

Lastly

I’m really sorry for what happened, but thus even happier of how it turned out now!
Thanks for you patience with me.
Also please excuse my english, it is not my first language.

0
0
5
Open comments for this post

1h 17m 27s logged

NASA APOD Dashboard Deployment Fix

Project Overview

An interactive space dashboard that displays the daily NASA Astronomy Picture of the Day (APOD). It features an integrated digital clock, an accurate asset age calculator, and a modern design.

Deployment Journey and Problem Resolution

Major Deployment Hurdles

Despite strictly following the guide, the website initially refused to work after deploying to GitHub Pages. While everything executed perfectly in the local environment, the live production site was stuck displaying a frustrating “403 Forbidden” network error.

Troubleshooting the Build Pipeline

The issue turned out to be an invisible barrier between the automated GitHub Actions pipeline and how Vite injects environment variables (the hidden NASA API key):

  1. Incorrect Secret Payload: Due to a minor copy-paste oversight when adding the Secrets to GitHub, a wrong string format was being bundled into the production code.
  2. Blocked Environment Access: GitHub Actions initially failed to map the key to Vite correctly, causing the builder to compile the code with an empty value (undefined). The NASA API automatically blocks these requests.

Mission Accomplished in One Evening

By introducing programmatic live tests (such as a temporary browser pop-up to inspect the live key status), the bug was systematically isolated.

Once the secret names were perfectly aligned, duplicated to both global and environment levels, and the GitHub build cache was forced to reset via a clean push, the roadblock collapsed. Despite the intense troubleshooting, I managed to fix the entire pipeline and successfully launch the project in a single evening. The direct feed to NASA is stable, and the live dashboard is fully operational.

0
0
3
Ship

**RetrOS shipping**

I made a Retro-Themed WebOS (hence the name), using the given Guide.
I myself added my own apps, such as HobbyTrack, MicroMemo, PixelPainter and RetroPet.

I am really proud of integrating HobbyTrack, as I find it very useful, and hope yall will too!
The Project was a very fun journey, especially considering it was my (kind of) first real HTML Project.

I hope enjoy using RetrOS just as much as I do.

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

56m 8s logged

Finalized the new Apps!

I just pushed the final updates for RetrOS. PixelPaint and RetroPet are officially implemented, working and the design look clean with the new icons!

Also cleaned up some code before pushing everything to GitHub. The project is basically done now and ready for review. Thanks for checking out RetrOS!

0
0
2
Open comments for this post

32m 55s logged

#Devlog 2
Did not manage to get done as much today, but I did add 2 new Designs.

#Whats new:
There are now to more Design: “Dark Hacker” and “Sunset Minimal”. Dark Hacker is supposed to give off a CLI-Kind of Vibe using a black/green color scheme, while Sunset Minimal is made considering HackClubs Design Language and colors.

#Hope you enjoy it!

0
0
5
Open comments for this post

1h 26m 9s logged

Tappy Devlog

Quick update on what changed and what’s next for the project.

What’s Done

  • Cleaned up the repo: Removed my personal test card files so no private data is public.
  • New landing page: Renamed editor.html to index.html. Now the editor loads instantly when you open the link.
  • Live on GitHub Pages: The app is officially live and working at: https://siryanni.github.io/Tappy/
  • Fixed export bug: Updated script.js so the downloaded ZIP still contains a clean index.html for your NFC card, without messing up the editor.

Next Steps

  • Test the generated .vcf contact cards on different iOS and Android phones to make sure it saves perfectly everywhere.
  • Add an option to inject custom CSS styles directly from the editor before exporting.
0
0
1
Open comments for this post

1h 50m 44s logged

Got A LOT done today

I managed to finalize HobbyTrack and overhauled my Code to make it mor comfortable for me to keep building on it.
Im going to add 1-2 more Apps the coming days, tho so far the GitHub Pages Site is now up and running, so feel free to go test RetrOS! (Also learned how to use Markdown as you can see hehe)

0
0
5
Open comments for this post

1h 24m 12s logged

Did a “little” rebranding, just felt more appropriate.
Hope yall like the new RetrOS as much as I do! (vers0.1.5)

0
0
6
Ship

I made a simple SlackBot to get startet with JavaScript coding.
So far, all it can do are four commands (as seen in the screenshot).
It works 24/7 using nest, and im pretty proud of myself, considering its my first ever JavaScript project.

Try project → See source code →

Followers

Loading…