STAGE 1: IT IS WORKING!!

Following the three stage plan I made, and now I am happy to share that first stage is completed.
Right now, the backend includes

• basic authentication + encryption + JWT token
• it can download youtube video by the url.

that is basically it?
I know there are many downloader apps for youtube. But, this is not final stage and I have a lot of things to add and learn.

Stage 2 planned functions:

• Download only clips from youtube videos
• Preventing API abuse from same IP
• adding workers and queue (Celery and Redis)
• Scheduler to Delete videos daily
• Assigning Roles
• email function (forgot password, 2FA)

The conclusion from first stage.
It took longer than I expected (partly because I played and was glued to Factorio game). Nevertheless, I certainly made a step to my goal and specializing in backend coding without any use of AI and understanding every code I write.

So, learn, build and enjoy!

YAY, made authorization completely from scratch using fast api. This project is not just the sake of the final product. I want to actually learn and love the process. So, it is also a challenge for me.

Actually, I started learning FastApi and python backend a little earlier, so I know the basics. Previously, though, I only repeated from tutorials, and I couldn’t make it from scratch. Yet, I was able to do it now, so I enjoy this small accomplishment.

In future, though, there are huge challenges on my way.

Made multiple sections already, why I forgot to write devlog between them? I don’t know, may be I was in flow state :)
Nevertheless second section design I liked it, the idea the background. The only thing I dont like here is the color of the text on container, I tried black, red , green, yellow. Nothing suits, so left brown, even if I dont like it tbh.

Also I am using different font for each section, looks strange but I like it.
Then I had grand Idea let me use pictures instead of words. It seems so creative to me. So, I wanted to make section dedicated to my roots. I am Kazakh, and dedicated section for that. forest of kazakh memes. I love kazakh memes about viltrumites.
I had better design on my head, but it will also fit.
Then I ran out of Ideas and just made cards section.
But, I actually included part of me to that text. Three things that I wanted to tell everyone about me

Day 1.
it’s hero page.
Installed bunch of cool fonts from google fonts.

This time I want to try mystery, horror , secret theme.
Though not sure what will be final result, its just all about momentary interests. So, I wanted to try.

So hero page is just huge question
Do you know who is…
Nurazkhan?

and I also added a transition white block slightly rotated, so gradient transitions don’t look fake.
Tomorrow I have to add actual content to this pages, and answer
who is Nurazkhan.

The QMK firmware#Third EntryThe worst and most unclear part I’ve countered.The only thing guide has is just link to documentation, which was so unclear.Because document had so many thing toolbox, cli, msys, something for advanced users, I didn’t know even where to start.I tried to read, I got confused and searched for the youtube. Saw some people, but they wrote to some keyboard on different microcontroller, and to be honest they were also unclear.So, again came to documentation tried to follow getting started and setup parts, but still couldn’t get sense of it. So, I opened github of the example orpheusPAD, and get some sense of what to write. Still I saw only result not the way how to start. So, I decided to use AI. It actually helped a lot, I installed the QMK MSYS and setted up and created new keyboard there.Then, again opened documentation and went to section using QMK part.Get basic sense and skimmed through the keycodes out there. My laptop doesnt have the numbers section in the right side, and I thought it will be handy, especially when I write with my native language. Because when I do that the numbers are top are not printing numbers but lnaguage specific letters, So i can write button. so it was easy, just KC_1-9,Encoder and LEDs I am not sure if this correct. I didnt want to just copy from github of example, and just tried to write how it should work after skimming the documentation. Encoder will change volume and led will be always red. and Oled display will shows if caps lock pressed, my laptop doesnt have indicator and sometimes it is disturbing.as i dont have macropad in hand right now, I have no motivation to experiment, as I can’t even check.But when I actually get it I am definitely improve QMK.1. I want to exact LED light when button is pressed. 2. Also, same when encoder gets rotated they leds under it should glow.3. Finally, I want it glow when caps lock state changes

second entry

This entry is for 3d enclosure part. Actually, it was hard. very hard.I chose onShape because I have previously worked with it. But, I don’t know is it my laptop getting laggy , so that even browser is getting slow, so it was high cortisol task :(First I followed guide made enclosure little bit bigger than pcb to keep spacefor printer inaccuracy 4 mm.My pcb is 8 and 10cm, so as guide told it must be at max 20x10x10. So I had to make sure the 8cm part shouldn’t be more than 10. Also for clear visibility and test, I imported the pcb with all 3d models to onShape from KiCad, I suppose it was amazing desicion. It indeed helped when designing the typeC port and knob for encoder.I used some website also showed in the guide to genereate dxf file for me, so I extruded it from there. Should have been easiest part, but at first I messed up with location of switches itself so Had to calibrate offset.The knob part was too easy actually. Just cylynder with hole for encoder. It was boring, so I searched for way to add texture on knob. And learned about knurling. That was the interesting part, and most laggy part. my bad internet connection + laggy laptop made it the longest part, when it tried to render 36 element consisting sweep in cylinder in both direction.The display part and little holes for indicators was easy to do, I aligned with pcb model actually I suppose it was good.I wanted to add a lot of text actually. But for each text I had to make one sketch, and it was too much time. Not sure why that happened, but i added only few texts. and mention hack club of course :)That is how I made that 3d enclosure part.

First EntryI started from Idea, at first I wanted to make interesting design thought it will be unique to me, and I can even play games as it includes 2 encoders, 9 buttons, display and LEDs. I planned to use LEDs not only behind keyboard, but as indicator of level and so on, so I placed several near display.But when I started making schematics, I found that I cant fit all this together as there only 11 pins. Also, I learned about button matrix, interesting actually. After little search I found actually there are ways to include the encoder itself as an switch in button matrix, but I also found that it might cause problems. Eventually, I decided to remove second encoder, and changed design.This design is more similar to ones you find in gallery.But the main uniqueness was in 2 buttons near display and indicators all over the place.I tried that and made button matrix of 4columns and 3 rows. but again found out that I can not add column 4 or I should remove LEDs. Column 4 was responsible for 2 switches near display and encoder switch. Though I really wanted to add encoder switch, I had to make choice. My choice was to leave LEDs.Just for reminder Encoder needs 3 pins, (when switch used for matrix)Leds only 1Switch matrix 3x3 needs 6 pinsDisplay needs 2.I didnt use encoder switch so it took only 2. Finally 2 +1+6+2=11 all pins are used.So final design looked like this Then I assigned footprints, mostly from Kicad builtin library and from care package.The resources told to use 4pin header for oled, but I used actualy footprint so I won’t mess up with sizes.The pcb routing actually was hardest tasks. I had so many components had to fit in 80*100mm.As expected from me now, I am not pro and my main task was to connect, even if not perfectly.Though I tried to shorten routes, don’t place them too close to each other, there are long routes that are close to each other.I multiple times doubted my decision of choosing LEDs. They were all over the place, and they stood behing longest routes. Nevertheless, I could finish it. Finally, I added 3D model to each footprint, mostly searched from grabCAD. I Wanted to see my PCB in 3d.I didn’t knew how to update footprint 3d models, I though making it manually but when I saw 20 leds, I searched for better way , and actually found that there were actually function for that.Finally, my pcb

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.

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.

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 :(

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.

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.

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.

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.