Hack Club’s Scrapbook

A daily diary of what Hack Clubbers are learning & making every day.

Explore

hardware emoji
js emoji
vercel emoji
github emoji
amooo-ooo
@amooo-ooo1
Finally decided to work on my portfolio site after pushing it for waaayyyy too long! Here's how things are looking so far. Love to hear what you guys think! amorb.pages.dev
summer-of-making emoji
thinking emoji
ryan-U078TQMUNDA
@ryan-U078TQMUNDA1
house models
https://scrapbook-into-the-redwoods.s3.amazonaws.com/2f62810d-a5f2-41ad-87c4-a8bb6c277a22-house_model.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/2456c782-05aa-4e99-87ab-41c6a7c4ac54-house_model_2.0.png
summer-of-making emoji
ryan-U078TQMUNDA
@ryan-U078TQMUNDA1
finished bedside table
https://scrapbook-into-the-redwoods.s3.amazonaws.com/99196529-66fa-4702-b54c-b1058e47e301-finished_bedside_table.png
summer-of-making emoji
전제유(jcxmt125)
@전제유(jcxmt125)6
https://scrapbook-into-the-redwoods.s3.amazonaws.com/99931ef4-09ec-4d55-86c8-a05ee06017c5-image.png
python emoji
summer-of-making emoji
github emoji
JamesLollback
@JamesLollback1
https://scrapbook-into-the-redwoods.s3.amazonaws.com/fe7a164a-107c-4265-8370-03f19101469e-image.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/5e1dea80-d456-4911-99d6-408a208eb036-image.png
summer-of-making emoji
github emoji
c emoji
GauravjeetSingh-U04FU9RH4QL
@GauravjeetSingh-U04FU9RH4QL3
#arcade V1 of the front-end DONE. Just gotta link the backend properly now
https://scrapbook-into-the-redwoods.s3.amazonaws.com/dd94498c-47f9-4270-b578-f3052f28a492-image.png
summer-of-making emoji
ShreyasDeo
@ShreyasDeo3
I built a live chat room using Flask and SocketIO in Python. It supports joining and leaving rooms, and saves some data in browser session histories. It also keeps a back up of all chats. I built it as an experiment, and have open sourced all my code on GitHub. github.com/deoshreyas/Live-Chat-Room
summer-of-making emoji
python emoji
github emoji
goose-honk-technologist emoji
JAIAAKASHG
@JAIAAKASHG1
#include <ESP8266WiFi.h> #include <ESP8266WebServer.h> const char ssid = "YourSSID"; const char password = "YourPassword"; const int trigPin = D1; const int echoPin = D2; const int buzzerPin = D3; ESP8266WebServer server(80); void setup() { pinMode(trigPin, OUTPUT); pinMode(echoPin, INPUT); pinMode(buzzerPin, OUTPUT); Serial.begin(115200); WiFi.begin(ssid, password); while (WiFi.status() != WL_CONNECTED) { delay(1000); Serial.println("Connecting to WiFi..."); } Serial.println("WiFi connected"); Serial.println("IP address: "); Serial.println(WiFi.localIP()); server.on("/", handleRoot); server.on("/activate", handleActivate); server.begin(); Serial.println("HTTP server started"); } void loop() { server.handleClient(); long duration, distance; digitalWrite(trigPin, LOW); delayMicroseconds(2); digitalWrite(trigPin, HIGH); delayMicroseconds(10); digitalWrite(trigPin, LOW); duration = pulseIn(echoPin, HIGH); distance = (duration / 2) / 29.1; // Calculate distance in cm Serial.print("Distance: "); Serial.print(distance); Serial.println(" cm"); if (distance < 10) { tone(buzzerPin, 1000); // Activate buzzer if object is too close } else { noTone(buzzerPin); } delay(500); } void handleRoot() { long duration, distance; digitalWrite(trigPin, LOW); delayMicroseconds(2); digitalWrite(trigPin, HIGH); delayMicroseconds(10); digitalWrite(trigPin, LOW); duration = pulseIn(echoPin, HIGH); distance = (duration / 2) / 29.1; // Calculate distance in cm String html = "<html><body>"; html += "<h1>Distance: "; html += distance; html += " cm</h1>"; html += "<form action='/activate' method='get'><input type='submit' value='Activate Buzzer'></form>"; html += "</body></html>"; server.send(200, "text/html", html); } void handleActivate() { server.send(200, "text/plain", "Buzzer activated!"); tone(buzzerPin, 1000); // Activate the buzzer delay(1000); // Buzz for 1 second noTone(buzzerPin); // Turn off the buzzer }
https://scrapbook-into-the-redwoods.s3.amazonaws.com/161d1404-ee79-4917-9cfb-9f1ccf24fa0e-image.png
summer-of-making emoji
SamratBose
@SamratBose7
summer-of-making emoji
github emoji
AnshKumar-U04AQNZRJQ5
@AnshKumar-U04AQNZRJQ56
summer-of-making emoji
vercel emoji
HaydenKong
@HaydenKong5
https://scrapbook-into-the-redwoods.s3.amazonaws.com/ce7d3429-fe8f-4ac3-acae-e0c28dbf6242-image.png
summer-of-making emoji
hackclub emoji
goose-honk-technologist emoji
python emoji
github emoji
ZigaoWang
@ZigaoWang1
I finished Pacer Club's Website pacer.org.cn It uses html and css
https://scrapbook-into-the-redwoods.s3.amazonaws.com/ee9b9e0c-7396-4fc5-9ce5-dc49318d96eb-screenshot_20240623_140130_com.android.chrome.jpg
summer-of-making emoji
hackclub emoji
akshatsinghania
@akshatsinghania7
https://scrapbook-into-the-redwoods.s3.amazonaws.com/849eccc7-60a5-49f7-9c9f-58f4244cac74-screenshot_2024-06-23_at_6.37.37___pm.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/4e3deabf-4122-4121-9483-b46c3439136a-screenshot_2024-06-23_at_6.37.50___pm.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/3818c222-f5df-49fc-9d21-75f9f8ce4979-screenshot_2024-06-23_at_6.37.45___pm.png
awesome emoji
summer-of-making emoji
appleinc emoji
github emoji
akshatsinghania
@akshatsinghania7
https://scrapbook-into-the-redwoods.s3.amazonaws.com/e8a640a0-16da-48f1-ac1f-4d729dbe5a7b-screenshot_2024-06-23_at_6.30.04___pm.png
summer-of-making emoji
github emoji
google emoji
mdfaizal
@mdfaizal6
https://scrapbook-into-the-redwoods.s3.amazonaws.com/d1c2abfd-fbfb-4d23-a7e2-af57a52dd47a-screenshot_2024-06-23-18-19-21-683_com.android.chrome.jpg
github emoji
summer-of-making emoji
HaneeshPediredla-U04C43BNAFK
@HaneeshPediredla-U04C43BNAFK1
I did more progress in AniTracker. Finally Added the favourites page and am planning to take it further!
https://scrapbook-into-the-redwoods.s3.amazonaws.com/78507344-1da8-4879-940e-ea9122089d5f-image.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/533ed0c7-09d6-4d96-a27d-b3215ede7487-image.png
summer-of-making emoji
JAIAAKASHG
@JAIAAKASHG1
#include <ESP8266WiFi.h> // Replace with your network credentials const char ssid = "Airtel_PRAKASH"; const char password = "9941113669"; // Set web server port number to 80 WiFiServer server(80); // Variable to store the HTTP request String header; // Current state of the buzzer String buzzerState = "off"; // Assign GPIO pin for the buzzer const int buzzerPin = D2; void setup() { Serial.begin(115200); pinMode(buzzerPin, OUTPUT); digitalWrite(buzzerPin, LOW); // Connect to Wi-Fi network Serial.print("Connecting to "); Serial.println(ssid); WiFi.begin(ssid, password); while (WiFi.status() != WL_CONNECTED) { delay(1000); Serial.print("."); } // Print local IP address and start web server Serial.println(""); Serial.println("WiFi connected."); Serial.println("IP address: "); Serial.println(WiFi.localIP()); server.begin(); } void loop() { WiFiClient client = server.available(); // Listen for incoming clients if (client) { // If a new client connects, Serial.println("New Client."); // print a message out in the serial port String currentLine = ""; // make a String to hold incoming data from the client while (client.connected()) { // loop while the client's connected if (client.available()) { // if there's bytes to read from the client, char c = client.read(); // read a byte, then Serial.write(c); // print it out the serial monitor header += c; if (c == '\n') { // if the byte is a newline character if (currentLine.length() == 0) { // HTTP headers always start with a response code (e.g. HTTP/1.1 200 OK) // and a content-type so the client knows what's coming, then a blank line: client.println("HTTP/1.1 200 OK"); client.println("Content-type:text/html"); client.println("Connection: close"); client.println(); // Display the HTML web page client.println("!DOCTYPE html<html>"); client.println("<head><title>ESP8266 Buzzer Control</title></head>"); client.println("<body><h1>ESP8266 Buzzer Control</h1>"); client.println("<p>Buzzer State: " + buzzerState + "</p>"); client.println("<p><a href=\"/H\"><button>ON</button></a></p>"); client.println("<p><a href=\"/L\"><button>OFF</button></a></p>"); client.println("</body></html>"); // The HTTP response ends with another blank line client.println(); break; } else { // if you got a newline, then clear currentLine currentLine = ""; } } else if (c != '\r') { // if you got anything else but a carriage return character, currentLine += c; // add it to the end of the currentLine } // Check if the client is requesting the buzzer to be turned on or off if (header.indexOf("GET /H") >= 0) { Serial.println("Buzzer ON"); buzzerState = "on"; digitalWrite(buzzerPin, HIGH); } else if (header.indexOf("GET /L") >= 0) { Serial.println("Buzzer OFF"); buzzerState = "off"; digitalWrite(buzzerPin, LOW); } } } // Clear the header variable header = ""; // Close the connection client.stop(); Serial.println("Client disconnected."); Serial.println(""); } }
https://scrapbook-into-the-redwoods.s3.amazonaws.com/1f49c3db-7289-4bfb-bfa8-ea4727ebb4c9-image.png
AnshKumar-U04AQNZRJQ5
@AnshKumar-U04AQNZRJQ56
https://scrapbook-into-the-redwoods.s3.amazonaws.com/32c39de9-d861-42c5-a75f-671afd8825dc-image.png
summer-of-making emoji
vercel emoji
NguyễnGiaBách
@NguyễnGiaBách2
https://scrapbook-into-the-redwoods.s3.amazonaws.com/c9870cd2-19f9-4b19-9b59-e6ccc6246a66-image.png
summer-of-making emoji
github emoji
SamratBose
@SamratBose7
https://scrapbook-into-the-redwoods.s3.amazonaws.com/4ba1a154-78d9-4fce-ba42-6db6f2edb811-image.png
github emoji
summer-of-making emoji
JAIAAKASHG
@JAIAAKASHG1
DONE
https://scrapbook-into-the-redwoods.s3.amazonaws.com/02809c21-9b8a-463e-8386-b56efb036466-whatsapp_image_2024-06-23_at_17.18.13_e9f4c7e5.jpg
summer-of-making emoji
05HarshitYadavVIIIA-U04CG610C03
@05HarshitYadavVIIIA-U04CG610C036
https://scrapbook-into-the-redwoods.s3.amazonaws.com/fa9d9320-68aa-4f65-9a93-8867c73e0715-image.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/0675cafe-caa0-417b-b418-e12cb84891b7-image.png
MohitTiwariDev
@MohitTiwariDev5
github emoji
react emoji
summer-of-making emoji
js emoji
MustafaMustardman
@MustafaMustardman5
https://scrapbook-into-the-redwoods.s3.amazonaws.com/07ef4b49-48d3-458c-982c-da7f55b4999a-img_9476.jpg
summer-of-making emoji
github emoji
AnshKumar-U04AQNZRJQ5
@AnshKumar-U04AQNZRJQ56
Otus9051
@Otus90512
Today, finally took up the thing that was waiting for so long -- the USB UART JIG for my Samsung J7 Prime. God knows how many times I have told myself to finish it (and even @msw did!) but today I finally got close enough to finishing. A bit of it is still left, but I also have exams tomorrow, so it can wait for a while, while I study to hopefully not fail Geography and Mathematics tomorrow.
https://scrapbook-into-the-redwoods.s3.amazonaws.com/8bbd163f-4498-40f9-ab53-a6ee3dab6abc-image.png
summer-of-making emoji
Saumil
@Saumil7
github emoji
summer-of-making emoji
jimxcds
@jimxcds1
https://scrapbook-into-the-redwoods.s3.amazonaws.com/0e9ae6af-d464-4c7f-b05b-ac7e81a73fae-image.png
Mayank
@Mayank5
summer-of-making emoji
github emoji
JonasHeckmann
@JonasHeckmann2
Huggy wuggy fell
https://scrapbook-into-the-redwoods.s3.amazonaws.com/75e64da5-01cb-4951-af80-0bc8c769b9e4-screenshot_2024-06-23_153623.png
summer-of-making emoji
AnshKumar-U04AQNZRJQ5
@AnshKumar-U04AQNZRJQ56
https://scrapbook-into-the-redwoods.s3.amazonaws.com/f49b8caf-d095-4f1d-9d92-f16c4e44cfee-image.png
AADILNOUFAL
@AADILNOUFAL1
https://scrapbook-into-the-redwoods.s3.amazonaws.com/34e15ddc-bf96-43ab-be7f-429d224a57ca-screenshot_2024-06-23_151740.png
HsingEdward-U04HQ7LL138
@HsingEdward-U04HQ7LL1383
#arcade New FlyOS Project Login Update New vs Old (from bootstrap to tailwindcss:
https://scrapbook-into-the-redwoods.s3.amazonaws.com/e9da5e08-e801-4020-90ab-4f7f63788681-screenshot_2024-06-23_151815.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/56602252-323a-44bc-8165-682656b41d90-screenshot_2024-06-23_150934.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/b1f22715-7681-4249-a1a0-b79c19a779e9-screenshot_2024-06-23_144711.png
summer-of-making emoji
tailwind emoji
ravi
@ravi1
https://scrapbook-into-the-redwoods.s3.amazonaws.com/a39d6916-2e21-41c6-8418-1de0c33ebf10-capture.png
MuhammadAbdulGhaniQureshi
@MuhammadAbdulGhaniQureshi1
Done Calculus work
https://scrapbook-into-the-redwoods.s3.amazonaws.com/11cb7d73-dcee-4ace-8660-80478b5403d4-5__2_.jpghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/1cf85525-5dc8-41c5-af8f-31b29e09fa8d-6__1_.jpghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/b87012e4-e712-42d5-97ad-9a5c7febd73d-3__2_.jpghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/22d031ab-7b86-475b-bfd3-c8c50cd813ae-4__1_.jpghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/74184407-732c-4e72-a345-0dd56bd5fe85-1__3_.jpghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/9187a9a9-35e7-4d04-a564-f01482cfd62e-1__2_.jpghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/e584a4f7-8e46-49a5-a1b4-79a70f7abe17-2__3_.jpghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/423a67f7-36db-4ef1-99f8-fc4c763fcd62-6__2_.jpghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/77ce25e3-9781-4893-8067-615be11b8b8b-5__1_.jpghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/f5a75465-a4de-4b96-bad4-a9076c80cebc-3__1_.jpg
summer-of-making emoji
potatoes
@potatoes1
https://scrapbook-into-the-redwoods.s3.amazonaws.com/79ce8886-2e46-43a2-bebb-0baf3a1c3471-image.png
summer-of-making emoji
github emoji
zenonet
@zenonet1
Created basic layout composables
https://scrapbook-into-the-redwoods.s3.amazonaws.com/c41a06d2-595d-4164-8625-e2e585285386-grafik.png
summer-of-making emoji
Aryankapoor
@Aryankapoor7
I am finally finished with my arduino projects . This is the finished repository github.com/Aryankpoor/Arduino-Projects . Initially I had just posted the code on github but now I have also upload schematics and required materials. It contains a total of 10 beginner projects using arduino and breadboard. Please do check it out.
https://scrapbook-into-the-redwoods.s3.amazonaws.com/bc77ba99-ec24-4c09-836e-1b79826f8d01-image.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/08057f78-b7ed-4f87-8742-2cc406f0bd6f-image.png
summer-of-making emoji
github emoji
hardware emoji
goose-honk-technologist emoji
Mehul
@Mehul5
https://scrapbook-into-the-redwoods.s3.amazonaws.com/9c2703cb-ea67-4391-8f11-a67b51503ac7-image.png
summer-of-making emoji
github emoji
SanjivAnand-U04FJ59VACD
@SanjivAnand-U04FJ59VACD2
#arcade Today I successfully repaired a Voltage stabiliser for refrigerator, there was a problem with then relays initially then the capacitors failed to so I replaced both and now it works
https://scrapbook-into-the-redwoods.s3.amazonaws.com/2d127654-5ee9-4526-902c-050b59cd704d-img_0043.jpghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/0408cb1e-2d31-4bbe-a9ac-9f7ece757eb0-img_0046.jpghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/d2ed0c24-750e-4413-a306-c5333075455f-img_0259.jpg
summer-of-making emoji
markgyoni
@markgyoni2
Finalized style and name dropdown for order table that shows orders for current week, time to push to production github.com/BPSKozep/MyBPHS
https://scrapbook-into-the-redwoods.s3.amazonaws.com/c82b7ce8-3717-4223-87ef-0cb7bd53d61c-image.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/c191c4aa-ad56-46d5-bee9-8ef1f5292c53-image.png
summer-of-making emoji
Henry
@Henry2
https://scrapbook-into-the-redwoods.s3.amazonaws.com/2e1fcaf0-4c75-4ebc-bf01-81a4ee4e26c9-image.png
summer-of-making emoji
python emoji
github emoji
lopa
@lopa2
sky
@sky3
https://scrapbook-into-the-redwoods.s3.amazonaws.com/f220cfa1-dd59-49d6-866e-6f1a41e1ac8c-image.png
summer-of-making emoji
github emoji
NoahP
@NoahP6
https://scrapbook-into-the-redwoods.s3.amazonaws.com/1c8d14a6-2f71-4672-ad78-8e4c1d0fc946-scr-20240623-mmgy.png
summer-of-making emoji
github emoji
Ranger
@Ranger1
Day 9 of BlastOff development: I took some days off for preparing the game for F-Droid release (Not ready yet). And I spent last 2 days in #arcade to make the game compatible with all screen sizes. Today, I finished the expansion of background by separating what was a single background texture in to: Background gradient, Stars (for night sky) and sun/moon. I decided spawn the stars using an algorithm. Here is what I have done so far (a sample with 4 clusters, with each cluster containing 2 stars (Definitely needs tweaking))
https://scrapbook-into-the-redwoods.s3.amazonaws.com/f0771061-c2d9-408e-8fde-6a8bbff56b7d-image.png
MohitTiwariDev
@MohitTiwariDev5
For #arcade I created a very basic todo app
summer-of-making emoji
JonasHeckmann
@JonasHeckmann2
Blender futuristic door
https://scrapbook-into-the-redwoods.s3.amazonaws.com/fbb2a98b-526d-4c7c-b5d2-0a44f6b15c43-screenshot_2024-06-23_135630.png
blender emoji
summer-of-making emoji