@ella0yay, my PR for hackclub/v3 got merged today. i rewrote the bank page in Next.js + theme-ui (formerly running on Gatsby and styled jsx). it took me a while, but i learned a lot. s/o to sam for helping me and reviewing my code!
@sampoder0Tonight, @arsh7chetana, @NeilGhosh & I managed to win the Junior AWS Build On ASEAN 2021 hackathon in Singapore :D We did the Cognizant track which was about creating positive communities and all. Anyways, our project was a website that let people look around for places where they can volunteer and then message the organisers, we had to focus on security and all so we built an ID verification system with SingPass (SG government’s OAuth system to have people log in with their national ID cards) and a few other things (some admittedly, a bit gimmicky). Anyhow, here’s a screenshot. We’ve got a limited public version that we put up at comiteer.co & I’ve put the code up at github.com/sampoder/comiteer. First time winning a hackathon so I’m pretty ecstatic lol, also had a ton of fun doing it yee
@matthewvandyke080Today I have officially reached 365 days of posting to my scrapbook. I started during Summer of Making last year just as something to do, but after the summer I kept up with it to keep myself accountable. If you go back you can see all my projects and updates from them that I have done since last year such as: Students Who Code, my portfolio, myDash, BrainDUMP, esports website, running Secret Santa, and so much more! Thank you to everyone who has followed along and thanks to @sampoder and @matthew for creating scrapbook! So now that 365 is done.....whats next?
@caleb0Big news: scrapbooks now have RSS feeds! 🎉 Visit yours by appending .rss to the end of your scrapbook's URL, e.g. scrapbook.hackclub.com/caleb.rss (doesn't support custom domains)
You should also be able to run /feed subscribe <https://scrapbook.hackclub.com/username.rss> to subscribe a Slack channel to your scrapbook, but I admittedly haven't tried it.
Thanks @sampoder for helping out! :sam-1:
@manasmw3330This is what I showcased in the #asiaconf
The self-stabilizing spoon was my Summer of Making project and now I'm shipping the version 2.0
I tried to reduce the size of the handle and also designed a custom PCB for the same.
I'll ship the final product once the 3D printed case is ready.
Thank you Hack club team and the SOM team.
Special thanks to @zrl @sampoder @roshan @annleefores.
You guys are awesome!
@sampoder0today i presented.. the *CLIMATATOR*! it’s a 4D interactive media experience / climate change simulator that showcases the effects of climate change to a younger audience. you enter the cabinet, put an AR headset on, watch a fictional weather report from 2050, then you begin to feel the heat of a heatwave 🔥 (there’s a strong heater inside), then you going on a bumpy ride (haptic motors) in a fire truck fighting wildfires :firefighter: (it’s still boiling from the heater and it intentionally smells of burning) and to end of your experience a cyclone with winds (a big fan) and shaking (haptic motors) 🌀 + it’s got sound effects and a nice video (this is my myp personal project, goal was to create an engaging way of learning about climate change)
the wooden structure was put together with a lot of drilling and with the use of recycled materials to the extent possible. i learnt a lot about woodworking as this was my first ever real woodworking project.
*this is biggest project ever, it’s taken me since August to build this all out…..* and i’m really proud of the final product. uses a mix of Raspberry Pi Python, Arduino, Next.js & Node.js to all work. the AR headset is powered by Holocron (www.npmjs.com/package/@sampoder/holocron)
more is at: climatator.co/de:partyparrot:
@Khushraj0Big ship coming up! 🚢 :shipitparrot:
Over the past month I’ve been porting all of Node Slack SDK’s :nodejs::slack: packages to Deno :deno:, and today I’ve finally completed a major step — I finished porting Bolt ⚡ (and all of its dependants)!
Presenting, Slack Bolt for Deno, a TypeScript :typescript: framework to build Slack apps using Deno rapidly with the latest platform features ⚡️
• GitHub :github://github.com/KhushrajRathod/slack-bolt>
• /x/ :deno:: deno.land/x/slack_bolt
This completes a major part of the Deno Slack SDK:slack-deno: 🎉
cc @safin.singh@Jeffrey@sampoder@rishi@caleb@mugaboverite (pinging whoever I thought would be interested / is involved in some way 🙂)
@sampoder0Hosted an interactive sound festival this morning at school. Powering it was a massive system of NodeMCUs, a web app, python scripts, an API and groovy Sonic Pi code.
more: github.com/sampoder/sound-festival, videos in thread & thanks to zach and hq for helping with voiceovers
@sampoder0This Christmas I got a Jedi Challenges AR Headset from Santa (thanks Santa!). I really like the game, but I wanted to be able to put custom applications on to it!
So I made Holocron :jediparrot: which is a React component that makes doing so super duper easy. It helps you size the window correctly and position the screen etc. It was my first time making a React component and I found the publishing quite difficult but I worked it out well: www.npmjs.com/package/@sampoder/holocron
I then built a demo app that shows the status of your Vercel deployments on your headset. It uses SWR and react-reveal to make it feel buttery smooth!
I also built one that implements the Slack events component on the Hack Club Website (here) on to it (sadly I ran out of time to put this in the demo vid but there are pics attached!
Here's the GitHub project for the package: github.com/sampoder/holocron.
And here's the demo video which I submitted to MLH's weekly hackathon...... and guess what?? Somehow, I won Best Overall Hardware Hack so I now get a free kit from ironically DigiKey (you still owe me money, no escaping) but my react component won best hardware hack lol!
@ella0created a program to change my Slack pfp to different pictures of cats throughout the day (based on @sampoder’s Slack pfp workshop)
@sampoder0built a fun game! it’s called dance-x-factor:dancing-dino:
you scan the qr code (this is intended for tv screens around my school), it then starts the dancing, a tensorflow.js model (made using teachable) will then monitor your performance, then the x-factor judges (or what ever you call it i feel like there are 10 of the same shows) will give you the golden buzzer or the big red buzzer based on what the model felt
it’s not at all accurate but it’s fun!
try: dance1.innovweek.co (note: this is designed to only be used by one client so if multiple people use it 💥 )
this was a fun thing to make, tho it contained me dancing in a public library very quietly to train an ml model… have fun!! and ignore my 1am dancing
@sampoder0built a live drawing activity! it’s a live activity for events where attendees write basic commands to draw shapes on a large screen, it’s intended for absolute beginners (going to use at a school assembly in feb)
The attendees enter a terminal-like interface where they write commands inspired by p5.js, these are then checked and sent to the webpage at /live using Socket.io which then runs them on the p5.js canvas.
Try the attendee view: draw-innov-week.sampoder.com And the main screen view: draw-innov-week.sampoder.com/live
source @ github.com/sampoder/live-draw
@sampoder0i made a thing a few weeks ago with my :hardware: that i never shared… it’s a sound reactive necklace for school!
i made it in one night after my product completely fell apart so i was very fortunate to have saved it :)))
code is @ gist.github.com/sampoder/374fc57a01a08514f3946c02c1cec5fc
as a demo you can check out my video review of the product functionality i submitted:
@sampoder0i worked out how to gain access to the image feeds of major traffic cameras around the island and built a dashboard for snooping around looking at each one: sg-traffic.now.sh….. these images are cool to watch over time, I might make something tomorrow for generating time-lapses from them :D
source @ github.com/sampoder/traffic-monitor …. I used next.js, who would have guessed?
@rajendradangal100Hello. Sorry I had been distracted from the slack since months and couldnot thank hackclub for the hardware. I am thankful to @sampoder for accepting the project and then guided me to try different sites and tools but when nothing worked then @roshan was there to help me with the hardware I needed and spend long time figuring out things and thank for helping me with the shipment issues and at last @nasheeb.dangi for helping me with the Customs because I would have to pay lot more without you. Thankyou all guys!
@sampoder0Scrappy now supports webhooks! so when ever you post something it will send a blank fetch request to any url you set...
you can set that url using /scrappy setwebhook <https://example.com>
I built a little demo app that adds my Scrapbook posts to my Github profile README (check out the image below)
you can see it at github.com/sampoder/readme-scrapbook and make your own with hack.af/readme-scrapbook
hope you all can automate cool things!!
@sampoder0as couch camp drew to a close, and our scoring manager fell to sleep way too early.... we found ourselves with scores scattered across 22 separate JSON files.... oh dear making the closing slides would be a pain
but i did not want for the not so techy people to go through any pain... so i stayed up very late last night and built certs.couch.camp/results that went through and linked together all the JSON files to output the critical results needed. it ended up saving hours for my friends today and i'm very happy about that. i'm quite proud of the hacky js stuff i wrote whilst half-ish asleep lol
and then today i built on top of that system to make certificate websites for each scholar... it involved even more linking of JSON files, using square numbers to make it challenging for scholars to find others urls and a whole load of JS to make the award names. all together it looks like certs.couch.camp/71407A, people have to screenshot to save it which i guess is alright
its all a big hack, here's the source code for: github.com/sampoder/couch-camp-certs im so proud of this massive hack
i continue to fall in love with Next.js