All aboard!

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…

matthew
@matthew

Hack Club Meetings just got a little bit better! Yesterday afternoon/evening I learned about some cool new React concepts and made all video timestamps clickable links that seek to the timestamp in the embedded video! Then yesterday night, @lachlanjc helped me clean up my clunky code and add a new "Dock video" button, which displays the video in a small window near the bottom of the screen so that you can watch it while reading the page. My experience with React is still pretty limited, so I'm glad I was able to figure it out :yay: Try it out! All pages on meetings.hackclub.com now have the dock button and the new timestamps :partyparrot:

screen_shot_2021-04-15_at_10.55.58_am.png
matthew
@matthew

little double mini-ship: 1. after noticing a club leader i've been talking to wasn't in the #leaders channel, i went through and discovered that about a third of US clubs weren't in #leaders. so i went through and added every club leader managed by the US team i could find in the database 2. i made a small change to @orpheus2. now, when club leaders run the /leader-add command, orpheus will automatically add them to their club channel and to #leaders. now no club leader will ever be accidentally excluded from #leaders! yay!

screen_shot_2021-04-13_at_5.15.51_pm.png
fayd
@fayd

👋 Helloo0o0oo0! 🚢 Getting tired of sending huge code snippets to #code? Well fret not! 😮 Introducing ✨ @carbon-slack ✨  - The Bot which helps you create and share beautiful code images directly in slack! (and without even going to carbon's website: carbon.now.sh) This makes it easier to share code snippets without leaving slack at all! Also it was really fun to build this app, I got this app's idea from this github issue: github.com/carbon-app/carbon/issues/533 well you might wonder... How to use it? 1. Invoke the /carbon command (IMPORTANT: invoke the command only where you want to post your code because the image will be directly posted once you submit) 2. Add your code, theme, font, background 3. Click Submit 4. Wait for a few seconds and voila! :parrotdad: Do you have a feature in mind? Want to contribute? The code's all open source! :github: Source: github.com/faisalsayed10/carbon-slack (Would appreciate some stars xd) API source (self-hosted): github.com/cyberboysumanjay/Carbon-API Annnd Signing off! :salute: PS. This was my very first slackbot. :)

image.png
uanirudhx
@uanirudhx

Hello, hello hack clubbers. Along with my return to the slack i have a dope ship for you! 🚢 Introducing lr, a simple and fast link shortener. It builds on the ideas of many smart people (thanks @safin.singh @caleb :) and has an extremely small source footprint, clocking in at 770sloc. lr requires pthreads, sockets, a POSIX-1.2008 conforming libc and a C99 compiler. That's about it. It serves your links really fast[1]. To get started just clone the repository and run make run Anyways if you like it give it a star ⭐thanks:) [1] No benchmarks go run your own lol

image.png
Jeffrey
@Jeffrey

Hello again! I shipped the initial release of p5_commander last month, but I have now added some more features! • Live reloading with p5 dev • p5 typing and documentation with @types/p5 and jsconfig • A favicon (probably not the final design) • Comments in my code :blurryeyes: If you already have installed it, just run git pull in the repo. If not, follow the instructions in the README! You will probably need to recreate your existing collections due some of the new features. If you find any bugs or have any suggestions, please let me know in the GitHub issues or my personal channel #jeffreys-corgi-box. Thanks you! github.com/SquarePear/p5_commander

typings-documentation.png
favicon.png
matthew
@matthew

After this DM conversation this morning, I realized I had had this same DM conversation toooo many times to count. Normally what I do is get their user ID with /lookup, then go into Clippy's Airtable, search for their user ID, find the name of their channel, and DM it to them. Today I added a short command to Clippy—/clippy-channel—that does all that for me. It even gives me the direct link to their channel so that I can go to it via @clippyadmin if something's wrong. This was literally a 2-minute project so it's a pretty tiny ship but still yay! :clippy:

image.png
image.png
thatrobotdev
@thatrobotdev

In preparation for a club meeting tomorrow, I just shipped lab.github.com/P2PHackClub/p2p-hack-club's-introduction-to-github (repo: github.com/P2PHackClub/introduction-to-github), which is a GitHub Labs course for getting started with GitHub, the P2P Hack Club way 😄 Expect a lot of orpheus, corny jokes, and fun drawings that I got to incorporate from the hackclub/dinosaurs repo 😄. If you haven’t used GitHub Labs before, it’s learning how to use GitHub on GitHub. In this course, you help publish Orpheus’s website for their science project, using the GitHub flow. The entire course is based upon GitHub’s Introduction to GitHub course, which made it really easy to set-up (writing this and testing took around 4 hours) It’s definitely rough around the edges right now, but we’ll be going through it tomorrow with my club, and I’ll be updating and tweaking the course over the next couple of days to make the learning experience even smoother! Suuuuper fun to make, I definitely want to make a GitHub Labs course from scratch in the future.

captura_de_pantalla_2021-04-01_a_la_s__12.37.44_a.__m..png
sarthak
@sarthak

Shipping out my newest blog post about my thoughts on sound and how important it is in all of our lives and how we take it for granted sometimes. blog.sarthakmohanty.me/portals-into-another-world-8adc42b9cbe2?sk=415e39f89f2f44a897ad98acf321ef8f

photo-1616618885543-379ceed8b007.jpeg
kunalbotla
@kunalbotla

this might just be more of a tug boat but I made a drawing for building crates

image.png
matthewvandyke08
@matthewvandyke08

Exported the video I made in remotion tonight, which I am going to ship tomorrow!

screen_shot_2021-03-22_at_10.18.13_pm.png
neel.redkar
@neel.redkar

Just drew something cool for fun!

img_0533.jpg
sampoder
@sampoder

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

screenshot_2021-03-17_at_12.20.16_am.png
matthewvandyke08
@matthewvandyke08

Finally finished the Privacy and About pages today! Preparing to ship the project I've been working on for the past couple months soon.....dm me if you want a sneak peek/get access early! 👀

image.png
Jeffrey
@Jeffrey

For the last couple of weeks, I have been working on p5commander when I had a bit of free time. Now it is finally fully useable! p5commander is a command-line tool to manage and display your p5.js sketches easily. I used Deno :deno: so I could use typescript and more up-to-date javascript features that Node still doesn't include by default. All you need to do is clone the repo and install it using the command in the README to get started! If you find any bugs or have any suggestions, please let me know. p5commander is my first actual public/open source project that I got to a working state, so I probably made some mistakes. <https://github.com/SquarePear/p5commander>

sketch.png
mainpage.png
commandline.png
thatrobotdev
@thatrobotdev

made a stonk orpheus as part of our club meeting slides tomorrow Definitely one of my best ships this year xDD

stonks-orpheus.png
sarthak
@sarthak

🚢 SHIP INCOMING 🚢 Today (in about 5-10 minutes actually), I created Anomaly Science's website. Check it out here: anomaly-science.vercel.app! I'm still off this Slack for the next two weeks so don't feel bad if I don't reply. Also, if anybody knows how to fix the B+ on DuckDuckGo, let me know, I think I have to add a special tag but not sure where the documentation on that is. Stay tuned for @nihal's Save the Entire Universe site which I'm expecting to be finished before the 8th.

screen_shot_2021-03-04_at_2.19.41_am.png
sampoder
@sampoder

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:

whatsapp_image_2021-03-03_at_14.20.38.jpeg
20210303_153819.jpg
20210302_195342.jpg
20210303_153853.jpg
20210303_154846.jpg
screenshot_2021-03-03_at_9.53.37_pm.png
sarthak
@sarthak

🚢 SHIP INCOMING 🚢 I’ve always believed the memories closest to you always had a story. Last night, I wrote Thirteen which I published on Medium today. medium.com/@sarthaktexas/thirteen-436e09dab853 Take a read and let me know what you think!

jonathan-sanchez-shr7qc3ratk-unsplash.jpg
sarthak
@sarthak

🚢 SHIP INCOMING 🚢 Today, Claire finally deployed her website. You can see her amazing site at bookworm.design and the git repository at srtk.me/gh/claire-website. It’s made with Next and Tailwind :)

screen_shot_2021-03-02_at_2.36.22_am.png
lachlanjc
@lachlanjc

🌎 For the past two weeks I’ve been helping Watershed Climate make a new website, & we’re live!! watershedclimate.com Watershed helps companies cut carbon, already including Square, Shopify, & sweetgreen. We’re on Bloomberg, Fast Company, & Business Insider too.

image_from_ios.jpg
Khushraj
@Khushraj

Big 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 🙂)

screenshot_2021-02-22_at_4.40.11_pm.png
example.png
sampoder
@sampoder

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

image_from_ios.jpg
image_from_ios.jpg
image_from_ios.jpg
image_from_ios.png
image_from_ios.png
image_from_ios.jpg
Khushraj
@Khushraj

BOLT FOR DENO IS HERE!!! I finished writing bolt.js for Deno today. You can now write complete slack apps in Deno! Will ship later today 🙂 ⚡ :deno: :slack: GitHub: github.com/KhushrajRathod/slack-bolt /x/: deno.land/x/slack_bolt@1.0.0

screenshot_2021-02-21_at_5.16.40_pm.png
Khushraj
@Khushraj

I made ANOTHER readme + a project for it (that’s how I’m going to ship stuff now too — Make READMEs, and then projects to accompany them :eggsdee:). Blueprint is… a blueprint for deno modules :expanding_brain_4:github.com/KhushrajRathod/Blueprint

screenshot_2021-02-18_at_12.15.00_am.png

These are just a few posts…

Keep exploring →

Want to ship your own projects?

The #ship channel on the Hack Club Slack is where 10k+ teenagers from around the world share what they’re working on & help each other.Join our Slack