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

NurazkhanOS

  • 7 Devlogs
  • 19 Total hours

It's me, Nurazkhan!

Ship #1

This was a long journey for me.
NurazkhanOS - is my personal webOS built for hackClub WebOS1 mission.
Let's start from the beginning. I was not sure what to do exactly, so just followed the guide. But the guide seemed outdated, and I opened gallery for other works., and was truly fascinated. I wanted to similar app, with smooth animations, with amazing design and many functions. Also the fact that they made it under 15 hours was thing that shocked me even more. There are levels to these.
So I switched to react, and tried to build my unique and amazing webOS. at First I had so much ideas, to build 10+ apps, to make amazing design. But, it was always not perfect, not even close to the ones I saw in gallery. The comparision is killer of joy, but it was too late. No matter how long or how hard I tried I couldnt made such amazing webOS. Nevertheless, I am proud that I didn't give up, even if I had thoughts to leave everything. There was a lot of things I learned, and even more things that I still dont know. But I know that everything comes with experience, no need to get so frustrated about others doing better.

enough of me, now lets talk about actual web app.
First of all, I made layout. Simple just OS name, app icons and topbar showing time and some words.
then I started from music player. This part was hard for me. I never built music player before. Though I will be not lying If I say it was most interesting part. It wasn't too easy nor too complex. Just fine for developing me and listening my perfect playlist 100 times.
then I moved to Calculator. it was just filler app, too increase number of apps. But to be honest I though it to be easier. Maybe I overcomplicated it for myself. You can write there basic expressions consisting from multiple operators and it will calculate. I had option to calculate after each operator, but it seemed too basic. So I spent decent amount of time on logic.
My actual final app was circuit lab. This was unique app that guide requires. it has 3 elements resistor, battery and LED and only on correct connection of wire the LED will glow. Again seems basic, but it was most hardest part for me. Too many things were unclear and very hard to find tutorials or explanations. I built one, but to be honest I know its ugly and buggy. But, right now I am so tired and need time before webOS 2 with time for learning.
Nevertheless, my webOS will get approved. PLEASE!
it follows guidlines, and built with love.
Thank you!

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

43m 46s logged

Final app.
just page about me.
It has my image, words I wanted to tell and my contact links. Basically, why not?
feel free to contact me.
though I know the design is hideous🫣
Nevertheless, its done.

Final app.
just page about me.
It has my image, words I wanted to tell and my contact links. Basically, why not?
feel free to contact me.
though I know the design is hideous🫣
Nevertheless, its done.

Replying to @Nurazkhan

0
4
Open comments for this post

3h 50m 48s logged

This time, I complete my final unique app, it is circuit lab, the most basic. there are three elements led battery and resistor, you connect them according to polarity and press run and LED glows.
it might seem basic, and easy.
But, for me it was a complex task. I had to use not just dragging but saving coordinates of multiple elements and then drawing line and saving the, Another burden was checking the correctness of circuit, a lot of if else condition. I dont know though how to scale it. Definitely must restructure current logic for webOS2.
Hope tomorrow will add welcome page and ship.

This time, I complete my final unique app, it is circuit lab, the most basic. there are three elements led battery and resistor, you connect them according to polarity and press run and LED glows.
it might seem basic, and easy.
But, for me it was a complex task. I had to use not just dragging but saving coordinates of multiple elements and then drawing line and saving the, Another burden was checking the correctness of circuit, a lot of if else condition. I dont know though how to scale it. Definitely must restructure current logic for webOS2.
Hope tomorrow will add welcome page and ship.

Replying to @Nurazkhan

0
3
Open comments for this post

2h 16m 4s logged

Today worked on Calculator.
first time creating full calculator from zero.
I thought it was easier, but may be I have little bit complicated it for me. it doesnt just operate between 2 numbers, but actually parses full expression and has logic to iterate through multiplication and divisions as they have to be calculated first and only then it moves to other operators. But of course this was easier than music player. Though I am not happy that it took me 2 hours, I should have done it faster. hope next app will be last, I am tired already.
but next app is the most complex :(

Today worked on Calculator.
first time creating full calculator from zero.
I thought it was easier, but may be I have little bit complicated it for me. it doesnt just operate between 2 numbers, but actually parses full expression and has logic to iterate through multiplication and divisions as they have to be calculated first and only then it moves to other operators. But of course this was easier than music player. Though I am not happy that it took me 2 hours, I should have done it faster. hope next app will be last, I am tired already.
but next app is the most complex :(

Replying to @Nurazkhan

0
2
Open comments for this post

5h 42m 27s logged

Music player is finally done, I though maybe to add an video cover for eachsong, but I am too lazy for that.
To be honest, I think I am moving to slowly, the progress is little, and I want to finish it as soon as possible, I have to add calculator app, text editor, welcome app and my unique app. I got an Idea what to do for the last one. It will be online circuit builder like tinkercad, where you can put battery, LED and wires.
What I have done during this 5 hours? it was making UI, making it resizable which is still laggy. applying Icons. For that I used react - icons library . Also, making volume bar, making volume bar and progress bar draggable. and an attempt to make video cover.

Music player is finally done, I though maybe to add an video cover for eachsong, but I am too lazy for that.
To be honest, I think I am moving to slowly, the progress is little, and I want to finish it as soon as possible, I have to add calculator app, text editor, welcome app and my unique app. I got an Idea what to do for the last one. It will be online circuit builder like tinkercad, where you can put battery, LED and wires.
What I have done during this 5 hours? it was making UI, making it resizable which is still laggy. applying Icons. For that I used react - icons library . Also, making volume bar, making volume bar and progress bar draggable. and an attempt to make video cover.

Replying to @Nurazkhan

0
1
Open comments for this post

2h 33m 35s logged

Some time was spent to understand how to work with audio players. I think I understand it now.
But First of all I have worked on icon and app structure. Before, it was generic icon and window, pressing any icon would show same Window, but now, I can actually press different Icons, each represents one app. Unfortunately, I dont know how to apply animation on close of window now, since I dont change class of it anymore, I delete it from list of open windows. Added 3 songs Sinking Town, Chicago and Charlie’s Inferno. To be honest, it becomes actually interesting when you understand and can do it. I loved this part of doing player, though I didn’t finish it yet.

Some time was spent to understand how to work with audio players. I think I understand it now.
But First of all I have worked on icon and app structure. Before, it was generic icon and window, pressing any icon would show same Window, but now, I can actually press different Icons, each represents one app. Unfortunately, I dont know how to apply animation on close of window now, since I dont change class of it anymore, I delete it from list of open windows. Added 3 songs Sinking Town, Chicago and Charlie’s Inferno. To be honest, it becomes actually interesting when you understand and can do it. I loved this part of doing player, though I didn’t finish it yet.

Replying to @Nurazkhan

0
1
Open comments for this post

2h 0m 44s logged

It took so long, 2 hours was spent just to make smooth windows closing animation and draggable windows. To be honest, I feel weak now. Spent so much time for basic things. The worst part is I am not sure I fully understood how it works, especially the getBoundingRect() and parent element, just happy it at least works.

It took so long, 2 hours was spent just to make smooth windows closing animation and draggable windows. To be honest, I feel weak now. Spent so much time for basic things. The worst part is I am not sure I fully understood how it works, especially the getBoundingRect() and parent element, just happy it at least works.

Replying to @Nurazkhan

0
1
Open comments for this post

1h 22m 58s logged

I am still not sure what I want to add.
So started from basic layout.
First, started from html, css following the guide. Then look through gallery, and saw others using react. So, also wanted to use it. I don’t know, most of the time went to recalling basics.
Tomorrow, want to add basic apps and improve ui🫣.
just happy to start.

I am still not sure what I want to add.
So started from basic layout.
First, started from html, css following the guide. Then look through gallery, and saw others using react. So, also wanted to use it. I don’t know, most of the time went to recalling basics.
Tomorrow, want to add basic apps and improve ui🫣.
just happy to start.

Replying to @Nurazkhan

0
1

Followers

Loading…