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: )