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

viivi

@viivi

Joined June 2nd, 2026

  • 21Devlogs
  • 3Projects
  • 3Ships
  • 37Votes
Open comments for this post

1h 27m 5s logged

#3 devlog

Today I…

  • tried to add timing for API requests, and I think it works but now my oled screen won’t display anything. There’s 50/50 chance it works tomorrow with exact same code :(.
  • Finished 3D modelling by making a back plate for the case.
  • Wrote something to the README
0
0
1
Ship

CapyOS

This is just a silly project made just for fun! CapyOS is a capybara-themed web operating system. I followed WebOS 1 mission to build core features and for WebOS 2 I added 2 new apps, fixed full screen mode and made app menu scrollable. I also did some polishing for the UI and added “clear windows” -button. This was my first time building a website with pure html, javascript and css for a long time. I had a lot of fun designing while adding all those capybaras you will find when you test it!

I accidentally used over 7hr with mission 1 because I had so much fun and I love to adjust small things little bit better. Also because this project was made just for fun, I didn’t have much pressure to make this “good” or “serious”. It’s still 100% (hopefully) working. Have fun while testing! More details in readme.

  • 2 devlogs
  • 4h
  • 5.52x multiplier
  • 24 Stardust
  • WebOS 2
Try project → See source code →
Open comments for this post

1h 49m 11s logged

#7 devlog

Probably the last devlog for this project. CapyOS is now ready for shipping. Sorry for last devlog, I just wan’t to get these hours logged. The last feature I added was a timer. Its icon is, of course, caybara-themed.

0
0
4
Open comments for this post

2h 27m 28s logged

#6 devlog, webOS 2

Some updates

  • A new app: a gallery for viewing cute capybara photos
  • Full screen button works now, it aligns the window perfectly every time now. (It required actually only 2 new lines in to script!)
  • A new scrollbar in the app menu with a green theme. I added extra icons so that the scrollbar can be tested
0
0
3
Ship

speedMath Training is a website for training mental math. It’s super simple to use and you can adjust how hard questions do you want. I built this site using React and typescript. I’m aware that similar sites exists already, but none of them was exactly what I wanted so I developed my own.

Before this project I had done courses that taught me developing websites with React and those courses included coding simple projects. But speedMath Training is my first own frontend project with React. The site is quite simple, but it wasn’t super easy for me to build it. I had never used Zustand state management solution, but I learned to use it to make state management easier.

Other new thing I learned was publishing a site with github pages. It was kind of complicated, because i have separated folders for frontend (this project) and back end (almost empty). But now I get a new site builded and deployed every time i push to the repository.

Project README includes more details if someone is interested.

  • 11 devlogs
  • 17h
  • 7.43x multiplier
  • 128 Stardust
Try project → See source code →
Open comments for this post

1h 0m 34s logged

#11 devlog

The final devlog, I guess. I fixed responsive issues and finished readme and now I’m about to ship this project. (Sorry for short devlog, I just wanted to this 1 hour to be counted.)

0
0
2
Open comments for this post

2h 4m 45s logged

#2 devlog

Coding

Lot of time, no progress.
I spent quite a long time trying to make buttons on my board work with my code. I couldn’t make them work :) . Instead of buttons I might make text change with specific a frequence.

3D-modelling

I started making box case for simple electronics (the board and battery case). I used Tinkercad for modelling. I had used Tinkercad before but it’s been long time since I used it last time. I really liked that Tinkercad has ready models of electronics even though it didn’t have the ones I’m using. That’s why I had to use components as close as possible to my actual components.

0
0
5
Ship

Here is my project for WebOS 1: CapyOS. A capybara themed WebOs using HTML, JavaScript and CSS.

Capybaras are cute chill guys. So why not to make a capybara themed WebOS?

This isn’t supposed to be a very serious project. I took the right to make it kinda silly. But at the same time it’s an actual web app and you could go to play around with it right now (link: https://vilp357.github.io/WebOS-Stardance/ )! It’n not very complex yet, but I’ve planned to continue to WebOS 2 mission to finish what I’ve started (nothing is stopping me, hahaa).

My own features:

  • scrollable app menu (when it has more icons it’s actually scrollable). I don’t like my desktop being covered in icons, so this way icons will stay on the left side forever.
  • fullscreen button. This one works best when there is only one window. Otherwise it might work, let’s say, in a different way.

Before starting this project I was already familiar with HTML and CSS, but I wasn’t that familiar with plain JavaScript. I think that I learned most about coding webpages with JavaScript and I feel confident continuing to WebOS 2.

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

3h 59m 46s logged

#4 devlog

I think I’ve completed part 5 now. I still have to finish readme and deploy this and the ship. This will actually be my first ship!!
I’ve already planned things to do in WebOS 2 (and I actually started doing them). The new app I created in part 5 is link app because I often forget important websites and the app is a place to store links for those sites.

0
0
1
Open comments for this post

1h 25m 57s logged

#3 devlog

Working on my WebOS. Today I completed part 3 which means that the welcome window is closeable and openable. I hope to finish WebOS 1 soon. Looking forward to make a new app next time :)

0
0
4
Open comments for this post

1h 4m 4s logged

#2 devlog

Part 2 done.
I decided that my WebOS will be CapyOS so more of capybaras coming. I’m very happy with the navbar I made and I’ll update it later. I think it already looks really cool.

0
0
22
Open comments for this post

28m 2s logged

#1 devlog

Today I started making my own WebOS using the tutorial. There was nothing new to me but had fun with playing the elements. I don’t have any special plans for this project but hopefully I end making something (at least little bit) useful.

0
0
2
Open comments for this post

3h 1m 1s logged

#9 devlog, days 10-12 (maybe?)

It’s been a while since last devlog, mostly because I haven’t had time to work with this, but also because hasn’t been any big updates.

But now it’s time for you…

to meet Calc, the mascot of the speedMath Training.
I still need to add Calc to the site. I’m also planning to make a buddy for them and together they will cheer you on.

0
0
1
Open comments for this post

58m 40s logged

#1 devlog, days 1-2

 
This project has now officially started. Git and github are set up and the core feature works! Currently the arduino (it’s actually Wemos, not arduino) is able to show current price.
 
I use free API to get spot electricity price (it’s price in Finland).

https://api.spot-hinta.fi/JustNow

The board I use is Lolin D1 mini Pro V2.0.0
 

My plan for this project:

  • make the screen display current spot electricity price
  • design and maybe build box/casing for electronics
  • add leds to indicate how cheap or expensive electricity is now
  • add buttons for scrolling future prices
0
0
3
Open comments for this post

1h 19m 17s logged

#8 devlog, day 9

The UI is starting to look good and is much better than few days ago. Today I spent most of my time working on the main screen and a significant amount of it was used to do styles for the checkboxes.
 
I don’t know yet much time I want to use for this project, because it has already all the core features I have thought. I have been planning other new projects and I need time for those and I don’t have as much motivation as before for this project.
 

Anyways, things I will do before shipping:

-Make it more mobile friendly
-Finish styles for components
-Fix component placing

0
0
1
Open comments for this post

1h 35m 8s logged

#7 devlog, day 8

 
Today I finally managed to create a color palette that works with both light and dark mode. This is only beginning of the UI upgrade so more coming later.
 

the most critical things to do next:

-move the timer (why is it even there???)
-scale content

0
0
2
Open comments for this post

1h 18m 55s logged

#6 devlog day 7

 
Today I continued working by starting to design UI. The image shows color palettes I have thought. The upper is for light mode and lower is for dark mode. I still have to figure out contrast things. I thought I’d use the green for buttons with either white or black text, but I barely could see the white text so something has to be done? Maybe other color or shadows for text.

0
0
2
Open comments for this post

1h 56m 36s logged

#5 devlog, days 5-7

 

New updates:

  • choose number of questions
  • number generating fixed
  • Daily challenge page

How I fixed number generating

How I tried before

Math.floor(Math.random()*(Math.pow(10,digits[0]))*Math.pow(10, digits[1]-digits[0])) 

 

and

 

Math.floor((Math.random() * 10)*(Math.pow(10, digits[0]-1))*Math.pow(10, Math.ceil(Math.random() * digits[1]-digits[0])))

Where digits[0] is minimum number of digits and digits[1] is maximum number of digits
 

How it works now:

A function randomNumber gets number of decimals as paramater and the function is called

randomNumber(Math.round(Math.random() * (digits[1]-digits[0])) + digits[0])

Problems this fixes:

  • Generating numbers with less digits that minimum
  • generating different number of digits unequally (more digits was much more common)

Next thing to do:

  • UI upgrade
0
0
1
Loading more…

Followers

Loading…