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…

matthewvandyke08
@matthewvandyke08

🎉10 DAYS TILL 365 🎉 about to ship the esports coming soon page!

screen_shot_2021-06-11_at_8.22.53_pm.png
Ishan
@Ishan

YOOOOOOOOOOO I JUST LAUNCHED DEVZAT ON PRODUCT HUNT! As you all know by now, it's chat but over ssh and it has Twitter updates and a slack bridge at #ssh-chat-bridge and markdown support and devbot and even chat rooms and syntax highlighting for code and tic tac toe and hangman builtin and timezone and all sorts of fun stuff! AND IT'S ALL OVER YOUR TERMINAL. Go smash that upvote button! www.producthunt.com/posts/devzat DEVZAT IS NUMBER 3 ON PRODUCT HUNT WORLDWIDE :producthunt:

image.png
MAwais
@MAwais

e2u2uxvxeaqjqqd.jpg
aaryan
@aaryan

VS Code's SSH support is amazing, I'm obsessed! I was really missing this in my life, now I'm gonna ship cool stuff in seconds trust me

image.png
karolina
@karolina

Already posted about this on #ship but wanted to add it to my scrapbook as well! The website is DONE - for now! It has changed a huge amount since the original concept, and I really love how it turned out. I started by just slapping elements and colors onto the page and played around with them for a few days until I came to the final version. Thank you for all your kind words and for following along with me! This was a super fun project and I'm excited to see it develop over the years. 👾 www.karolina.mgdubiel.com

image.png
image.png
cwi
@cwi

Do you like custom slack emoji? Do you like pixel art? Combine them with PixelArt (I couldn't think of a better name!). PixelArt converts any image into pixels, and then down samples the colors to only ones that have CSS color names. It then translates these pixels into emoji. (example image below). I would really recommend NOT using this in a large channel like #lounge because a bunch of emoji can really cause browsers to lag. Here's how to use it: just type /art <URL to image> [width] [prefix] in any public channel. Width is 20 by default, don't do more than 50! The default prefix is p, so p_cyan is :p_cyan:. There is another prefix: balloon which looks like this: :balloon_cyan:. If you want other emoji sets uploaded I have a simple way to do it. Just message me and I'll upload a full set. Code is open source at github.com/cole-wilson/pixelart. I still have a lot to do on this, so not all images may come out cleanly. Try it out at #pixel!

asdasdasd2.png
fayd
@fayd

👋 Hi. I was getting bored so I speedran making a slackbot! Built in 16.45.37 minutes, I present you @lmgtfy-slack! If you're lazy to search something on google, this is just for you! You can invoke the command by /lmgtfy [your search term] and it will return you the google search link for it! That's all I have to say. lol, idk why I built it, funny. Source code: github.com/faisalsayed10/lmgtfy-slack

image.png
image.png
thatrobotdev
@thatrobotdev

🚢SHIP IN THE HARBOR, I REPEAT SHIP IN THE HARBOR 🚢 This was a website we made for our HS P2P Hack Club meeting today :D Have you ever wanted to learn how to create an interactive, choose-your-own adventure story, inside of a choose-your-own adventure story? No? Well, we made one anyway! inky.p2phack.club

inky.png
RaleighWise
@RaleighWise

I was looking at the scrapbook About page, and noticed there was a widget for your streak, but not the most recent post. So I went "Well I'm a developer, I can do this!" And here it is! It's still relatively in beta, and I've got a bunch of changes planed, but it works! Feel free to contribute: github.com/l3gacyb3ta/scrapbook-widget

image.png
sampoder
@sampoder

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:

screenshot_2021-04-20_at_7.45.36_pm.png
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

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