@ArtemD

Today I implemented a Rotary Encoder for my Hackpad.

Here is specifically what I did today:

• Rebuilt the Case
  • Adapted My Model to the PCB plate
  • Precisely made Holes for the Keys
  • Made Screw Holes at the Edges of the Case
• Assembled the Electrical Trace Pin Assignments
• Fixed Errors
  • Fixed the Schematic Connection
  • Fixed the Foorprint Errors for the Rotary Encoder
  • Expanded the Case to resolve the Error of the Tracks and Pads being outside It
• Created the Configuration Files
• Solved the QMK Errors
  • Overwrote the URL key in the File ‘keyboard.json’ with an actual GitHub Repository Link
  • Fixed many Excess Attributes
  • Corrected the Layout’s Coordinates by Changing the ‘x’ value to 0 (was 1)
  • Replaced the QMK Template Tokens in the file ‘readme.md’
  • Added a SPDX License Identifier Header to the File ‘keymap.c’
  • Overcame the Missing SDK Header Errors
  • Injected Board Definitions
  • Added USB Identifiers
  • Fixed Linker Errors
• Compiled the Project (to test if I did everything right)

Notes on today’s session:
Today was kind of tough. My goal for today was to make a rotary encoder, which I did make, but with lots of time put into the process. The process of making the PCB was mostly okay, but the case was harder to make (which sounds strange). In short, I compared the PCB and the case, and realized the case did not match the PCB. The case was one big model so I couldn’t place the PCB in it, but also that the holes for the keys and the knob weren’t accurate. So, I decided to redo the model from scratch. After the process, I was quite amazed of how the case was now neat, accurate, and tidy. The holes matched the keys and the knob, and the case now has two separate parts, meaning I could place the PCB in and close it with the top part. Lastly, I compiled the whole project to see if it works. And, in short, there were lots of errors. But, they all were eventually solved and the project was successfully compiled.

Notes on the next session:
Next time, I will build the RGB lights or the OLED screen.

Today I added an extra key to my Hackpad.

Here is specifically what I did:

• Made a Plan for how the Hackpad should look
• Configured Hardware Constraints
• Updated the KiCad Schematic to work with the new key
• Routed 4 key PCB Layout
• Passed the DRC Verification
• Edited the Model in 360 Fusion
• Added the Functionality of the New Key in the files ‘keyboard.json’ and ‘keymap.c’

Notes on today’s session:
This session took more time than I expected. I usually have my devlogs after an hour of working, but today is the double of that. I thought adding another key to my Hackpad would be easy, but it was definitely not when placed in such a position. However, I did not just work on the part of adding a new key today. I also drew a plan for the whole Hackpad to guide myself and know how the final result should look.

Notes on the next session:
Next time, I think I will work on the part of adding a know. Since I know better how everything is done from today’s experience, I might even start doing the next part of the Hackpad, the OLED screen.

Today I finally completed the Hackpad guide.

Here is specifically what I’ve done today:

• Placed the plate correctly where it should be and extruded it
• Made the USB cutout.
• Set up QMK on my WSL (Lots of errors, lots of time spent)
• Cloned QMK Firmware and the Submodules
• Installed the Compiler Tools and Dependencies for my Environment
• Verified the Environment with a Test Build
• Created the keyboard in the terminal
• Fixed Permissions and Configuration Errors
• Compiled the Firmware

Notes on the usage of AI:
I have used AI to explain steps I could not do when trying, and breaking down steps in the guide that were not making sense. Additionally, I used AI when building the firmware because I don’t know much about building firmware. I did not fully rely on it, and I tried to analyze and understand everything it said so I can do whatever I asked by myself next time. There is actually a funny moment that happened today. When I was editing the code (files ‘keyboard.json’ and ‘keymap.c’), I copied some lines of code the AI had told be to write. Then, at the top I wrote code starting with the word ‘cat’, and I got an error when I tried to run the code. I read what it sent again and realized that line of code was meant to be written into the terminal to write the code through it, not straight into the code. Overall, I tried my best not to rely on Artificial Intelligence and understand what it replies with.

Notes on today’s session:
This was a pretty long one I must say. I estimated I would finish this in 30-45 minutes, but it took me 90 minutes, with 150 minutes total (with all the setting up/fixing WSL’s errors). A lot of today was downloading all the compiler tools and fixing bugs/errors. When I was downloading the compiler tools, there was one tool that took alone more than 25 minutes to download! I mean, it didn’t finish after 25 minutes, but I just couldn’t wait any longer and found a command which downloaded it in roughly 15 minutes. Also, there were a lot of WSL errors. I use windows and don’t have Linux, so I used WSL, which I thankfully had already installed. The most common errors were about missing and outdated tools for compiling and libraries of my WSL. It took me about 5 commands to fix these errors, and combine that with how long they download, that’s a lot of time! Although generally, I am happy with today’s session as I am finished with the guide and ready to add my custom features.

Notes on the next session:
Next time, I will start adding some basic custom features and stuff to my hackpad. I am thinking of LEDs.

I completed most of the ‘making the case’ part of the Hackpad guide.

Here is what I specifically implemented today:

• Downloaded and set up the Fusion 360 application
• Created a base for the case
• Extruded different parts of the initial sketch
• Made the plate using ai03’s plate generator with this pasted into the website: [“”,””,””],
• Importer the plate into my project

Notes:
Today was quite a frustrating day. The part of making the case is done through a program called fusion 360, but I never heard of it. The interface and buttons really confused me, and I was clueless how to make the holes properly, the outer rectangle, nor how to extrude both rectangles of the sketch (since when I tried to extrude one of the rectangles, the other one disappeared, and they would merge in one shape if I extruded them both). So I asked and AI to explain me how to do each step in the guide, step by step. The AI’s guidance really helped me, as I spent only 30 minutes not knowing what I was doing, not 3 hours.

Notes on the next devlog:
Next time, I will try to finish the guide and maybe start making my first adjustments to the keyboard.

Today I took my first steps toward building my own Hackpad.

Here is specifically what I did:

• Downloaded the KiCad application
• Set up the files/footprint libraries
• Designed my PCB
• Drew the schematic
• Routed the PCB
• Checked the PCB for malfunctioning (And fixed any mistakes made)

Notes:
I enjoyed today’s lesson. It was short, but exciting. I look forward into fully completing this guide and making a function Hackpad.

Comments for the next session:
Next time, I will continue going through the guide, just like today. A little longer I think.

I fixed the website to follow all of the criteria.

Here is specifically what I’ve implemented since the last devlog:

• All of the buttons and images (except links) now lift up when you hover over them using the scale() function
• Made the ‘Join Hack Club’ button move and rotate slightly when you hover over it, which looks very interesting honestly
• Changed the ‘Join Hack Club’ button’s settings to have sharp edges and a grey shadow, which is also sharp
• Created a dark-brown shadow for the ‘EXPERIENCE’ heading
• Removed the ‘Call Hack Club’, ‘Text Hack Club’ and ‘Message Hack Club’ buttons and implemented a working “Email Hack Club’s Support” button (I found the email on the official Hack Club website)

Here is what I’m planning to do/have done/have in mind for the next version of my website:

• Build the ‘About me’, ‘Hack Club’ and some other buttons which redirect to other pages. The ‘Hack Club’ buttons will have the ‘Join Stardance’, ‘Programs of Hack Club’, ‘Join Stardance’, “Hack Club’s clubs” and “Email Hack Club’s support” hyperlinks inside that page. I am already drawing a blueprint for the pages and how will they look like.
• Craft a settings menu with options like ‘Music’ (On/Off), ‘Dark/White’ website’s theme and maybe other options that will come across my mind

Notes:
I am very happy about my website. I tried to be creative, and I’m sure I was this time. Additionally, I will look for errors and fix any that come on my path.

I improved my website by a lot.

1. I changed the theme of the website from orange-yellow to black-white
2. I made four sections in the navigation bar
3. I added more hyperlinks
4. I made a shadow for the F1 Ferrari car, and changed the image itself (The reason it would not load last time is because I used the scr function instead of the correct src one, and scr did not exist)
5. I changed the description of the image to a more professional one, changing itself and its style
6. I added a header and text which explains why should you join Hack Club, and used a text box, a new concept
7. I made a ‘Join Hack Club’ button that looks cool when you hover over it. Credits to https://www.w3schools.com/css/

I literally love my website now. It looks modern, professional, neat, well structured, and many more adjectives..

I made a very simple website with the help Jenin - in the ‘Hackatime + Personal Site’ workshop. But the image I have doesn’t seem to load, and I overall think the website is too raw, so I’ll keep working on it.

Here’s what I have on the website right now:

• Navigation bar
• Title
• Paragraphs
• Clickable hyperlinks
• Image
• Description for the image