🇨🇦 Hack The North 2023! @ImDeet-U045B4BQ2T0, @fayd and I teamed up to make :goose-dance: Hack The Geese :goose-honk-left:! It was a game that attendees could play using the QR codes on their badges. Here’s how’d it work:
1. You’d scan your badge’s QR code to log in.
2. Your find someone who you’d like to compete against and scan their badge’s QR code.
3. You’d both receive a prompt, eg. “take a selfie with a someone with blue hair”.
4. You’d race to take a fun picture based on the prompt before the other player does.
5. You either win or lose, then you got to choose wether or not to rematch!
You can go to htgeese.tech/album to see all the photos that folks took during demos with the game (and many more of me stressing over the backend)!
We used a slightly cursed combination of a Next.js frontend and a backend written in Go which interacted with one another through Websockets…. yeah, very cursed and very jank. We also used Vercel’s new Postgres & Blob storage services which were surprisingly good. And, of course, we used Prisma…. including it’s slightly hacky spin-off Go client.
Another awesome part of the game was @ImDeet-U045B4BQ2T0’s custom designed geese (GEESE!):
:htn-goose-1: :htn-goose-2::htn-goose-3::htn-goose-4::htn-goose-5::htn-goose-6::htn-goose-7::htn-goose-8::htn-goose-9::htn-goose-10:
Every player got one of these made for them when they first signed! The game was a bunch of fun to play IRL and we had people playing it throughout the demo session. Attached is a sick selfie of @fayd in his sunnies and the judge!
And at the end of the day, somehow, we were selected as winners so we got to demo on stage and won a couple of prizes which was pretty cool! Here’s us playing a game with all the attendees and a couple of other photos from the weekend (including us working on the project while on #hack-night!).
The GitHub is full of more photos and stories from the weekend: github.com/sampoder/hack-the-geese. O CANADA!
fire trails!
Made this fun little gizmo on HCB which let’s you generate custom QR codes for yourself! thanks @ian for helping me out with all the Rails standards and stuff
I’m taking a class on PCBs this term! In the first session we made a schematic for a light sensor in KiCad…. yeah it was fun (ignore the spaghetti) :D
the bay is incredible
Dev & I went to a laser cutting class at the Generator! We met a guy who was learning to laser cut coconuts
Dev & I went to a laser cutting class at the Generator! We met a guy who was learning to laser cut coconuts
made this small little script that makes a mosaic sort of thing in your terminal using Go! it’s nothing much but i’m trying to learn a bit of Go this summer.
github.com/sampoder/go-art-experiment/tree/main
We’re seven weeks out from Outernet! It’s time to make the event a reality. I arrived in Vermont tonight and thought it’d be nice to start a video diary of the event’s behind-the-scenes, here’s “Episode Zero”.after fighting the PyPortal for weeks (and taking a bit of a hiatus as @arsh7chetana, @NeilGhosh & I have exams), I’ve got a version of the information screen for our WHW project working! it’s scaled back from the original idea but that’s alright. next up, I’m going to get our neopixels working.caches! in #caches, we created the art for the boxes that we’ll be using as caches. For a bit of fun we included a small easter egg that uses the cipher wheel! It was also interesting learning about PURL from @reesericci. here’s the Figma file we’re using: www.figma.com/file/gTQBOkFdXCQUeL2yQhmuki/the-cache.
The next step for us is getting these laser cut / engraved! And then ship them around the world...
:scrappy: 19,626 posts have been made by 860 Hack Clubbers in #scrapbook since June 2020 (this was my first post from back in the day!). Just under three years later, it’s time for Scrapbook to evolve.
We’ve always wanted more clubs to post on Scrapbook, however, many club members aren’t on the Slack. Now you can create a Scrapbook profile entirely from the web! This will give club members a space to share what they’re creating in their clubs. Alongside that, accounts can be created / managed from the web and you react to posts like you do in #scrapbook.
Leaders: head to <https://scrapbook.hackclub.com/|Scrapbook> to create pages for your clubs. Members can post on there and share what they create in your club with the world! Custom domains & CSS (like on Scrapbook profiles) are supported - these pages would make for sick club websites.
It uses the classic combination of Next.js & Prisma with the new addition of next-auth! @scrappy-U015D6A36AG also now uses Bolt which has been a nice quality of life improvement. Here’s the GitHub: github.com/hackclub/scrapbook.
v2 is in beta at the moment, check it out here: scrapbook.hackclub.com. bugs are expected and I super appreciate a ping when you stumble across one.
:dinobox: looking for something to make & post about? react to this post with a 💥 to receive an inspirational* message & idea from @scrappy-U015D6A36AG (who also got a refresh last week)!Democracy!
Used Vercel’s @og-image package to generate images for the currently playing song that I can then display on the PyPortal (once I get it working).
Try it out: gramophone-502x.vercel.app/api/currently!
whw! bashing my head on a wall as I try to figure out this error when trying to display an album cover on the PyPortal :jankman:
still working out the jns and outs of the pyportal! soon it'll look like...
whw! setup by pyportal!
got pausing and resuming songs working!Got the first part of the project working! Arsh's resin records have been coming along well as well!
hit a brick wall with my code! got the WiFi working but I'm still a bit stick with the RFID module... will try again tomorrow
worked on two pieces of software for :winter-hardware-wonderland:! I’ve got the basic RFID reading code for the NodeMCU and also some serverless functions to control my Spotify account.
whw! :winter-hardware-wonderland: in 30 deg c :wahoo-fish:
anyways, today I worked on making a schematic for the laser cut box @arsh7chetana is making tomorrow :D
in the meantime, @arsh7chetana made a silicone mold of a record!
(poor @NeilGhosh has mock exams…)
Playing around with :astro: Astro & visualising political donations with colours!
Happy New Year!!Hi from Epoch!
Boarded and ready to fly to Delhi! Can't wait to see you all!
wild day.
Got all setup for the big day! A lot of shipping stuff around Singapore and lugging boxes around.
All packed for the van to take our supplies to Red Hat tomorrow!
day 3 in public! printed out all the judging sheets, the schedule sheets, the lunch letters, and even got these custom envelopes made!
day 2/10 of #10-days-in-public! things have been happening on Scrapbook, we’re about to beta test with clubs! here’s a midnight-runthrough:Lion City Hacks (T-5 days): Ordered the breakfast (kaya toast & french toast from Ya Kun) & desert (donuts from Dunkin’) today! Arsh also got a massive wad of cash from the bank for a special event.
Flights all booked for Epoch! Can’t wait to meet everyone!
!channel Welcome, welcome…. to Stage 2 of our hike into the redwoods: ⚡D
Alrighty, so, what is the*boogie* you may be wondering? We’ll be giving our Scrapbook all the features that it needs to be amazing for club leaders and members. The first stage of that begins today! So here’s what I’m asking from you 💬 in this thread, can you drop any ideas (as wild as you’d like) for features that’d help clubs!(and enjoy the short update video / weekly recap)GeekcampSG was a bunch of fun @Arash and @ZeyuYao-U03DDMP76GL!
Hey everyone! Thought I’d give everyone a small Scrapbook update, featuring custom domains, emoji reactions and sprinkle of streaks :D:scrappy: A progress update on how things are shaping up in #scrapbook-dev :scrappy:
So many cool new features being added!As a follow up to yesterday’s Scrap, I prepared a demo of Berowra for their launch event / call running on the Deta Space! And, I found some real life users of Berowra which was super super cool to see!
day number 9! there’s a new version of deta space in town and i updated my old Berowra project to work with it :Dday 8! spent more time planning & brainstorming for #lion-city-hacks-bts. the team & I went to Red Hat's office for a venue tour. it is a magical space, with views of Marina Bay & more. can't wait to spend a day hacking in there.
my slightly sunburnt self runs through the #epoch-bts & #scrapbook-dev shenanigans I got up to today for day 7 of #10-days-in-public!The homepage for #scrapbook-dev was looking… umm, well see for yourself. No where near finished, but gave it a small update and coat of paint! The real purpose behind this was to setup nested data fetching within GraphQL so that we can have the account’s username :D
(sidenote: we need you all’s help! check out #scrapbook-dev, there’ll be more issues dropping in there over the week)
day 5! spent the whole day in JB for a cricket match... but also got up to some assorted things around the match: fully assembled my Sprig (minus the buttons that are in the mail!), did a couple of #scrapbook-dev mini-tasks such as deployment, thought a lot about #epoch-bts & how we create a magical event, and lastly prepared for our venue visit tomorrow for #lion-city-hacks-bts!
day 4 of #10-days-in-public! double-scrap today!
:redwoodjs: first up, i worked on #scrapbook-dev to add the ability to add it your account. I learnt more about Redwood’s auth implementation and GraphQL directives in RedwoodJS.
:sprig-dino: second up, i made small little Sprig game: editor.sprig.hackclub.com/?file=https://raw.githubusercontent.com/hackclub/sprig/main/games/catch_orpheus.js. was super fun, made it during my workshops at sego lily hacks!
also did some more stuff that’s stirring up in #epoch-bts….. join us!www-epoch.hackclub.dev <- sketched out a small website concept based on hackclub/draw-dino for #epoch-bts!
day 2 of #10-days-in-public! slight detour as I attempted to add multiple currencies to donation forms on Hack Club Bank… learnt a ton about Ruby, Rails & how currencies work. going to make my PR soon!@Arash & I at the Cloudflare / Supabase meetup in Singapore! Listened to a talk on R2 which will help us with #scrapbook-dev :D
:redwoodjs::graphql: More RedwoodJS & GraphQL exploration for #scrapbook-dev! Today I was exploring filtering within a query which led me down the rabbit hole of arguments and then resolvers… but here we are. I really feel like the more I try out these small things, the more comfortable I feel with the whole system in general which is fun :D🌲 More adventures in the Redwoods! Have been learning the ropes of GraphQL by creating a rough posting system for #scrapbook-dev :D Something I found really hard was limiting updating & deleting, which I finally managed to work out tonight using Redwood’s Directives system: redwoodjs.com/docs/directives and some wonderful help from @tejasag.
We really need to jazz up this form…. I’ll post a bit more in #scrapbook-dev soon!Hark! Hark! You hear the calling of a hummingbird. You follow it, into the redwoods and it guides you towards #scrapbook-dev
There you find a campfire with hackers gathered around it. They speak of a mysterious Scrapbook… one created for artists at a hackathon, creatives at a club, adventurers on the Slack & more. You approach them curious to learn more…
This is the semester, where we, the Hack Clubbers, shall come together to create a new Scrapbook for the entire community, with a focus on a magical experience for clubs & hackathons. With this, Scrapbook will become the home of everything made in Hack Club.
Such a feat can not be achieved by one or two Hack Clubbers, so I call on you, Hack Clubber, to join us #scrapbook-dev as we paint the future of Scrapbook. We need Hack Clubbers with thoughts, opinions, ideas, and people to make this a reality. It’ll be made in RedwoodJS, so join me in that learning journey too! ❤️
:redwoodjs:D
I had a go at figuring out server-side data fetching from an external REST API, though I couldn’t quite figure out the method they outlined in their reference docs with a GraphQL intermediary. I’ll probably give it another shot tomorrow.
Today, I tried out :redwoodjs:RedwoodJS for the first (I’m planning to start using it in a new project!).
As I was playing around, I made this small website that housed a collection of dinosaur images! It was interesting messing around with Redwood’s generators & how Redwood uses Prisma.
🌲 Into the redwoods I go...
:assemble: ➡️ :github: Hackers, assemble! Because Assemble is now fully _open sourced: <https://github.com/hackclub/assemble>!_ Since August 7th, the Assemble team has been writing up everything about Assemble. In the repository, you’ll find around 27,000+ words (that’s as much as a 100 page book!) outlining the swag at Assemble, the judging system, the visa process & so muchmore. We want this repository to be a reference for #hackathon-organizers, present & future, if there’s anything you’d like to see let me know!
On a most personal note, looking back on the weekend as I did the final passes on the repository was really touching. Assemble was an incredibly magical weekend & I wanted to say one final thanks to you all for making that happen 💖.
Anyhow, I hope you all enjoy discovering the “backend” of Assemble in: <https://github.com/hackclub/assemble>.
Goodbye Vermont!
Assembling Assemble (:scrappy:-edition) #5: the whole team has made to figma! I'm lost for words, I'm so excited for tomorrow, this'll be amazing! ❤️
we spent the day doing a ton of venue setup and last minute fixes :D
Assembling Assemble (:scrappy:-edition) #4: We’re in SF! Wow! The venue is magical, I’m firefighting constantly and somehow we’re going to pull this off! See you all tomorrow :D
(costco trip, supplies room & flying to SF) (oh and slightly late, but oops!)
Assembling Assemble (:scrappy:-edition) #3: Finished my final day in Vermont! The big thing I did today was presenting the entire Run of Show to the HQ staff attending, which was almost a full hour of me talking (yikes!). All set and packed to travel to SF in a couple of hours.
Assembling Assemble (:scrappy:-edition) #2: Wrapping up for the day! Got one day left in VT until Assemble. Spent most of the day fixing up things and making sure everything is set to go. Also a lot of emailing! And @deven & I shipped this massive box of fun supplies…. around 10 kilos of swag, prizes and sharpies :D
Assembling Assemble (:scrappy:-edition) #1: Spent the weekend tying up loose ends on the logistics front, writing more code for Scrapbook @ Assemble (name suggestions, please!) & preparing the ceremonies. Most importantly, however, @deven, @benjamin & @kunalbotla are in town so we went around exploring Vermont! It was lovely to talk about the hackathon with everyone (alongside other, slighly less stressful topics) and to get geared up for a jam-packed week.
Gave a rapid fire sync about Assemble at our weekly HQ syncs! Here were my notes :S
To Vermont ✈️
Finished Grade 11!
I spent the last week running sound and audio for our school’s production of A Midsummer Night’s Dream!
🚢 Last week, my Hack Club ran ⚡Maker Week⚡. Which put simply was Hack Club for an entire week! We had a Discovery Zone on Monday morning (a series of generative art / visual displays), then every lunchtime we ran a workshop (such as the Kahoot & Kaboom workshops as well as a special science workshop) and to wrap it all up we had an evening hackathon called Maker Night. It was a ton of fun and hopefully we attracted some awesome new Hack Club members!
🌉 Something is brewing near these shores….
WWDC swag!
WSC Day 2!
Volunteering at the WSC Singapore round!
Oh, crikey! My Whack-A-Mole submission got accepted :D
:codeday: 🇸🇬 We ran the first CodeDay in Singapore yesterday! We had a massive turnout and converted a retro cinema (that was formerly a disco dance floor) into a massive hackerspace. (ft @arsh7chetana, @Arash, @NeilGhosh & @neervikasv)
Happy 2022!Happy New Year's Eve! Explored Bondi and the surrounding heads.
At the Big Bash, go Sydney!
merry christmas from me and peter the pie maker!
Airports!
We never shipped this but I wanted to add this concept idea for the Hack Club homepage to my Scrapbook v3-git-fall-2021.hackclub.dev/alt
I found XSS on our school’s LMS, Firefly, now I know what our Hack Club is doing next term: “Hacking” Firefly
Went to watch this comedy/parody of Shakespeare.... it was interesting to say the least.
Built the world’s most over-engineered next song button for github.com/sampoder/discovery. weird thing: the whole thing is being held together by the elastic strings of the mask I wore on friday lolCool stickers!
got these lights things, maker week is going to be lit
Playing around with generative art in class
Went to Gardens by the Bay to see for the Dale Chihuly exhibition!
Orpheus is taking over
hackclub.com now fully runs on v3 (next.js + theme-ui) and no longer v2 (gatsby) 😎
Scrappy work! it worked!
hack yeah! breakfast here I come!
turns out it’s broken
sunsets!
Made some updates to hackclub.com for the new school year! Still some more to go :D
Finally got around to implementing Editing Collections in Berowra, I was so scared to touch this part of the codebase and just delayed delayed delayed lol
saw some cool planes at Changi Beach!
i visited @beegumfathima2314’s massive club to chat about some of the projects i made this year!
As some of you may know, Scrappy recently went on an eventful holiday (read the story in #scrapbook)!
🎉 Luckily, Scrappy is back and better*!
It’s internal storage unit has been updated to switch from the Airtable Store-a-tron v0.1 to the PostgreSQL Prisma Flexi-tron! The old store-a-tron was showing a big :warn: so we need to change before we had to shill out a ton of money for an enterprise variant.
(this has been something i’ve been pushing through working on since last month and i’m so glad it’s finished, if you haven’t picked up Scrappy and Scrapbook now runs on PostgreSQL and Prisma, source at github.com/hackclub/scrappy & github.com/hackclub/scrapbook)
the Flexi-tron is known to be buggy, so if you run into any issues please please ping me and let me know so I can fix everything up, thanks :D
🚩* Hello there! Scrappy has been working hard at Hack Club for almost a year, 24/7! That’s a lot! So Scrappy has sailed off to a far away ocean and will be down periodically today as we upgrade their internals. Any data inputted into Scrappy in these hours will likely not be saved.
I’ve been hacking on Scrappy (:prisma::postgres: 👀), just testing I haven’t broken them in the mean time
fun fact: based on Slack Analytics, Android is more popular amongst active Hack Clubbers on Slack (266) compared to iOS (214) based on which mobile OS they access Slack from more often
Tonight, @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
my #hack-memes submission, first person to circle all ten choo-choo-crew members and send it to me gets a letter full of stickers lol
I’ve been trying out doing video workshops and am running a workshop right now at Prisma Day :prisma: that I’m really proud of! it’s on Next.js & ISR with Prisma
it’s running in a couple of moments @ www.youtube.com/watch?v=Yw8AWFZlXXE and everything is open source @ github.com/sampoder/prisma-day-2021 :D
Built a voting system for Student Council elections using :supabase: Supabase & :nextjs: Next.js :D
:github: : github.com/sampoder/gwa-votesi recorded my Prisma Day talk and they had this epic setup :0
LOL my Amazon account is still banned from SoM… i had a 5$ gift card that’s expiring soon
:ticket_punched:
made an iMac lol
its all green now!!
Working an Intro to Next.js Workshop :nextjs:
running a challenge for the rest of the year at my hack clubI won some Vercel / Next.js swag! 🎉
wanted to learn more bout how to build a react component so I ported the scrapbook grid on my site to a react component!
introducing www.npmjs.com/package/@hackclub/scrapbook-grid!
as a demo site i also built a iframe based way to embed scrapbook, check it out and more at: github.com/hackclub/embedded-scrapbook!
:scrappy1::scrappy2::scrappy3::scrappy4:
made a customised version of my bank team’s transparency mode! (placeholder data from :summer-of-making: )
made this little script to help me with my chinese!
made this massive sticker and swag wall! (still a WIP)
took apart months of work in a couple of hours.. feels weird
just finished building <https://personal-project.co|personal-project.co> with Next.js, Theme UI & MDX for school! really liking how snappy it feels on mobile :)
source @ github.com/sampoder/personal-project-showcase
set up a caprover instance on DO and got piano.sampoder.com hosted on it!
YAY! My sticker envelope is coming!
testing :spring-of-making:got some of the photos from innovation week’s maker night!
today 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:
did debate, was the first time our school had ever won a debate in this competition
we did it! maker night is finished!
got idyll working, finally!
submitted my personal project, yay?taught my kahoot workshop to all these folks
Hosted 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
did the final prep to make sure thatMission 423-3890.
im so excited!!!!!!!!!!!!! we got 17 teams for the innovation challenge!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! thats 10 more than last year
going to run a massive interactive disco at school, making stuff with my leap and sonic pi to enable itbig box, 22kg! thank you :github:
got som-mail-system working to handle india distribution of leaps with @roshan!
did a lot of catchup today
got to the silver final of the singapore debate champs! sadly lost :(
Placed 2nd in the singapore debate champs round robin silver div!
ngl idk how…. my parents said “we were proud you made it out of bed, everything else was extra”