I’ve added a few reviews some reviews are still left but my website is ready for shipping!!
i also made a header logo for my wesite
today i worked on the ‘about me’ section and made it actually working also added my github link to the website and i gave it a dark mode too but it looking too empty so i added a sun and moon icon to change modes.
I finally got all the real book covers rendering perfectly on the 3D shelf for Stardance Hack Club. I had a frustrating bug earlier where the whole shelf vanished because my JavaScript was trying to apply color math to the spine text before the text element even existed, but I reordered the logic and fixed the crash. I also stripped out the heavy CSS filters so the cover art looks exactly like the original image files now instead of being artificially darkened. Since I am manually coloring the spines in my JSON data, I wrote a quick script that calculates the brightness of those hex codes and automatically flips the title text to black or white so it never gets lost in the background. I wrapped it up by cleaning up the CSS for the metadata so the author and rating stats stay in a neat, straight line above the reviews.
i made a lot of progress last couple of days cleaning up my bookshelf code by moving the book generation logic into a new book.js file, which made it way easier to load real cover images directly from my JSON data. I had to use AI to figure out the 3D book animation because the math was really hard, but now the spine and cover finally open naturally without clipping through each other. To make the books look more realistic, I also blended the paper texture right into the cover art and added a crease shadow that fades in inside the spine when a book is clicked open. I wrapped it up by building a continuous hover-scroll loop for the navigation arrows, so the shelf just pans smoothly the whole time my mouse is resting on them.
i wanted to add this paper like texture in the books which took a lot of time, im thinking of changing the overall color palate of the website to make it look more vintage. also took a lot of time off, gotta continue working now.
The basic structure of my bookshelf along with some css styling is done, a lot of work is still left
I started working on a new project today, an interactive bookshelf where i can share books I’ve read and my reviews.
Today I got the project setup done, created the Github repo and finished the HTML layout.
Tomorrow I’ll start working on CSS file and will start building the actual bookshelf and the first book. Hopefully I’ll have something to show tomorrow.
Learning fusion 360 was really challenging, I took a huge break and didn’t work for days but my hackpad case is finally complete im going to work on Firmware now and ship my project.
I’m finally done with PCB layout and routing, routing the LEDs was a tough work then right after that I got 62 errors because of LED footprint board edge clearance violation ദ്ദി╥ ᴗ ╥) I wasted a lot of time trying to figure out how to fix those when i just had to ignore those errors lol. Anyways I also realised we had to use kicad time tracker which I stared using after my pcb was done lol so yeah it took a lot more time than it shows. I also added a cute bocchi graphic there.
Hello everyone koshi here! ( ˶ˆᗜˆ˵ ) This is my first devlog also my first hack club project. I’m making a macropad for the hackpad course and it has been really fun and exciting till now. I didn’t know anything about electronics and PCB so I spent the first two days just learning everything about it while also working on my schematic which is finally done. I ran into a small problem though, I was running short on 1 pin for the OLED display in the microcontroller so to solve that i sacrificed the push switch in the rotatory encoder now I can have everything, LEDs and OLED display along with rotatory encoder lol. Next step is working on the footprint. see you in the next Devlog!byee