Hack Clubbers focus on one thing: shipping.
After building a project, like an app or website, “shipping” is publishing & sharing it online.
Your first ship your first day.
Students in many traditional computer science classes are lucky to make a single project. At Hack Clubs, every member makes & ships their first website their very first meeting.
Keeping your eyes on the prize.
Instead of learning programming concepts in isolation, learning by shipping means you focus on what you need to build real projects. It’s more fun & leads to better learning.
Recently shipped…
:shipitparrot: :oblong: OBLONG SHIIIIIIPPPPPPPPPPPPPPP :oblong: :shipitparrot: The admin dashboard for Obl.ong, a free subdomain service (i.e. reese.obl.ong), has been completed and users are being onboarded! You can claim your domain today! It has a fully-featured DNS management panel, with more features like email forwards and PURLs coming soon!! Go to obl.ong and join the waitlist! All the code for the admin panel and is fully AGPL open source at github.com/obl-ong/admin. This is really meaningful for me to finally see this be shippable, and me and @m04 have been working on this for some time now. (p.s don't tell anyone but just go to admin.obl.ong and sign up :P)
Woohoo! After some long-time procrastination, the #ship time has finally arrived! 🚢 Back in 2021, when I joined Hack Club :hack-club:, I had an idea—to create a website featuring the contents of my old iPod. However, that initial attempt didn't quite work out because I lost access to the files. But, guess what? Years later, I successfully managed to recover those old files, safely stored on an ancient hard drive, and now I'm giving it another shot! But this time, instead of making a simple static site, I used Vite.js :vite: to build github.com/jzaleta/stuff-warehouse! Give it a ⭐ on :github: if you like it! :salute:
Mini ship! (somehow this is my first ship, i’ve been here for months and haven’t shipped, wow) I’ve always been interested in ambient information, and here are two little projects based on that! The first one is a weather display. It’s powered by this guide code, but I made a few changes to make it my own. The other is just a big clock. Again, it’s based on a guide, but I added the date to the bottom (because in my house we get very confused about the date sometimes lol).
Wahoo! Today I learned how to use :vite: and I moved my github.com/jzaleta/night-skies project to use it! It was very fun to implement ES modules and to find janky :jankman: ways to add P5.js to it. :peefest: You can check the result site at night-skies.vercel.app like last time and star it ⭐ on GitHub if you want :) I still need to find a way to properly add meta tags so my index.html isn't very big but anyways this was nice to hack on.
Wahoo! Today i finished coding my sprig web template and deploying my fungi frog maze 🐸 with it! This was very fun to work on, and to test this, I also uploaded @Ishan’s kindless game! (With credit) 🦆 You can play both on itch :itch-io: and check the code for mine on GitHub. :github: :quad_parrot: jzaleta.itch.io/fungi-frog-maze jzaleta.itch.io/kindless github.com/jzaleta/sprig-web-template
I made a cover of the song Trash Talkin’, which is probably my favorite music project I’ve ever done 😋 It was my first time editing in Logic and my most complicated video edit, as well as my first time using After Effects! I wish I had more time with it, but I am really proud with how it turned out! youtu.be/pBwfxEm1RkA
Wahoo! During this days I made a new repo for my GitHub :github: readme and deployed a website with it using Jekyll! javier.is-a.dev You can find the repo at my main profile: github.com/jzaleta/jzaleta :ultrafastparrot:
It's been a loooog time since I saw www.dinosaurbbq.org :dino-dance:, so I decided to make a ship based on it! 🚢 I made github.com/j-cordz/peace-and-tranquility, a website inspired and based on @msw project, with some new features like a 📀 eject page! Go star it ⭐ on :github: and check it at: peace-and-tranquility.vercel.app/index.html :dino:
What if your club could collaborate with other clubs? What if you could connect with another club for a mini-hackathon or even make new friends while traveling and discovering a Hack Club in another city? The Club Directory unlocks the power of cross-club collaboration, allowing clubs to transcend boundaries and create together. If this interests you, join #clubs-directory @Arpan had this vision and shared it with me, and we decided to make it a reality. We've been working on the tool for about a week (maybe two). I'll catch you up on what we've done in the following screenshots: Screenshot 1: Arpan and I collaborated on a call to create the general user flow for the Club Directory. Screenshot 2: Arpan and I split ways, and he began focusing on the backend while I focused on the frontend. See the UI prototype I created attached. Screenshot 3: We realized we were a bit out of scope, so we narrowed the scope for our MVP so we can ship ASAP and work more closely with the community. Screenshot 4: I'm coding the frontend MVP in NextJS while Arpan builds the backend in FastAPI. p.s. currently I am working on multiselect & making that experience awesome & next I'll focus on responsiveness & map view also privacy is a big concern and we're currently trying to work through how we can allow clubs to opt-in (or maybe opt-out) of the Club Directory) all data shared here is fake club data, dw we're not revealing real data in this post the old internal name was Club Network and the new name is Club Directory
*It’s a quiet night... the weather forecast says:* 🌌 Starry-sprinkled night skies with a chance of shooting stars and Lo-fi beats.
You say to yourself, wait, that can’t be possible, right?
Definitely possible! I present y'all my new ship: night-skies.vercel.app 🚢 :quad_parrot:
Night skies github.com/j-cordz/night-skies is a small p5.js :js: website that includes a starry night sky and random shooting stars and some lo-fi beats! 🎵
Please give it a ⭐ on :github: if you like it! This was very fun to work on, and helped me to learn more about p5js.
My first 🚢! HackBackBetter, my hackathon, ran on the 22nd and 23rd of April (last weekend) and was pretty successful! We raised $6.2k in sponsorship from various companies with an incredibly easy experience thanks to Bank (poggers), had 40 out of our 90-100 registered attendees actually show up, and had 10 submitted projects, ranging from games to enterprise software to just straight up something nicknamed "uber but for trash"! Check out some pics below!!!!!! 🎉 🎉 🎉
Back to developing CLI tools. This time, I made a file watcher for Python files, and wow, it was easier than I thought it would be and the result came out super clean! Pretty hyped to ship this one! :python:
:shipitparrot: 📜 Writing Ship clanking against the harbor! 📜 :shipitparrot: In a stroke of memory, and a fit of hyperfocus, I present to you: The Ultimate Guide to Printing Custom T-Shirts, a 713-word article written by yours truly. With over 5 years of experience under my belt, and the rise of hackathons, and thus hackathon t-shirts, I felt it was a good time to summarize my T-Shirt knowledge. It touches on printing methods, fabric quality, and pricing. Give it a read today at place.reeseric.ci/writings/2023-04-19 !
Day 2/3 of #hack-club-at-fossasia-23!! I felt the need to post about this as a ship, as we committed a couple of shenanigans along the way~ :sphere: 1. Yes, we did a lil thing to #place - some of us here got bored and went to a Starbucks, where we sat and masterfully constructed the one and only John Cena. Then, we returned to the place and updated the board with a photo from #lion-city-hacks-bts!! DON'T WORRY WE ARE NOT HERE TO TROLL (although the john cena one was good, it was just a test - sorry @belle :p) 2. I worked with LionsForge to laser-cut a @dinobox acrylic piece! Going to buy an LED base to put this on :partyparrot: 3. Many stickers from everywhere - this is now the premier event where I got the most swag from 4. We set up a challenge for FOSSASIA participants to draw their versions of @orpheus!! The results were.... pretty diverse, and we will be sending them sometime tomorrow ~I think~ Here are some photos from today - a video update can be found in our planning channel linked above! See ya :pirateparrot:
🚢 :forsyth-hacks-bw: hackathon ship! 🚢 :forsyth-hacks-bw: forsyth hacks happened 3/25/23! it was a full day hackathon with about 50 attendees and was an overall success! it was a great learning experience and although the whole ordeal took about 4 months to plan, i wouldn't have it any other way. in the end, it was amazing to have reached so many individuals from beginners to experienced coders in an event that allowed them to collaborate and simply have fun. and of course, couldn't have done it without @ChristianDutton-U04E0LL16MA who single handedly coded our website and was always there to listen to my late night rants about budgeting and venue trauma. (can't wait for whatever we come up w next year!)
spent an incredible weekend in New York for #horizon !!! I loved coding with and mentoring the girls scouts and can’t wait to fully ship our experience together :)
Winter Hardware Wonderland #hardware-party There were complications in getting the Hack Club Bank to work and parts were slow to ship from overseas - but finally I got all the parts to work and here is the first prototype of the Triton Amphibious Rover! github.com/hackclub/winter/blob/main/thelouisgan.md The RC controlled rover features a LEGO Technic vehicle that I coupled with a motor, and for the water side of things I rigged an underwater motor and 3D printed rudder to a 25KG servo motor. All this is remotely controlled with an RC so that you can take it to explore different terrain and locations! It is also powered by a rechargeable LiPo battery and will be able to operate up to 15 minutes on a full charge in optimal conditions. Will update more photos and videos of it in action soon! Please do give feedback/suggestions as this is my first big scale project and thanks to @MelanieSmith and @belle for the support.
:shipitparrot: 2 ships, one day??? :shipitparrot:
I have made the ~dumbest~ greatest :esbuild: esbuild plugin of all time: esbuild-plugin-bookmarklet
esbuild-plugin-bookmarklet is an esbuild plugin that lets you generate bookmarklets! Ever wanted to make :react: TSX bookmarklets? Now you can!
github.com/reesericci/esbuild-plugin-bookmarklet
<https://deno.land/x/esbuild_plugin_bookmarklet>
npmjs.com/esbuild-plugin-bookmarklet
have fun! :eggsdee:
:shipitparrot: I'm shipping my first add-on (extension) in a long time! :shipitparrot: 2Posit: A tool to allow you to watch PlayPosit videos at 1.5x, 2x, and 10x speed! It's a very simple tool, but very handy for school assignments. addons.mozilla.org/en-US/firefox/addon/2Posit sr.ht/~reesericci/2Posit
howdy friends! i stayed up for a couple hours last night working on my personal website (it was very spur of the moment). i’ve been designing the site for over a year now and going through different designs i settled on one simpler so i didn’t have to update it. i present version 4 of my personal site srtk.me (old metadata still but idrc). very cool thing happens at the bottom, the music thing detects what device i’m listening on (and also changes the icon). wasn’t that hard, it just required a new refresh token w a new scope from Spotify. <3
These are just a few posts…
Keep exploring →