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

Felt great to finally ship the esports coming soon sight! I haven't got to work on stuff in the past week or so, and shipping this felt really nice!

screen_shot_2021-07-06_at_9.56.56_pm.png
matthewgleich
@matthewgleich

🚢 SHIP INCOMING 🚢 After a few months in beta I am happy to announce that blackbird, my own personal color scheme has reached v1.0.0! There are currently implementations for vscode, vim, and a number of terminal emulators. I also created a website for it which you can see at blackbird.mattglei.ch! 🗺️ website ➡️ blackbird.mattglei.ch 🐙 github ➡️ github.com/blackbirdtheme 🚀 product hunt ➡️ www.producthunt.com/posts/blackbird-2

title.png
example.png
matthewvandyke08
@matthewvandyke08

Planning my ship for tomorrow

image_from_ios.jpg
sampoder
@sampoder

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

screenshot_2021-06-30_at_11.15.21_pm.png
ArcadeWise
@ArcadeWise

🚢 Micro-ship time! My family just got a new TV, and it has Samsung TV, so we wanted to remember the channels. And me, being a hacker, over-engineered a solution! Presenting: tv.raleighwi.se, it uses Next.js, with a JSON file for info, and blocks.css for prettyness.

image.png
matthewvandyke08
@matthewvandyke08

About to ship soon

image_from_ios.jpg
amy7296
@amy7296

Check #ship! Pong for 3ds (proudly written in nano) Written using the devkitarm toolchain, and the citro2d library, this is a very simple implementation of a classic game. It is also my first homebrew for any console 😎

luma-2021-06-26-15-35-24-221.png
matthewvandyke08
@matthewvandyke08

Getting ready to ship something soon 👀

image.png
ArcadeWise
@ArcadeWise

🚢 Large freight ship coming in! (For me) Monis is a hyper-fast (sub 25ms for 100 pages!) lightweight Static Site Generator (SSG) written entirely in Crystal! It supports custom jinja2 themes, as well as static files, and dynamic frontmatter (any parameters in the frontmatter get passed through to the jinja template). It has generated it's own docs, hosted using GitHub pages. Check it out on gh: github.com/l3gacyb3ta/monis and checkout it's own docs, generated using it! raleighwi.se/monis

image.png
Jeffrey
@Jeffrey

🚢 🦅 🌺 I finally finished my Eagle Project! it took a total of 5 work days for around 3-6 hours each with help from some other scouts in my troop. When I started I was worried I wasn't going to finish it in time for the fair starting on the 18th of June but it went way faster than I expected! The project was rebuilding and cleaning up the old planter for the local county fairgrounds. I've attached a few pictures of the stages and you can see how worn down it looked at first. All of the materials were directly donated except for the gravel for drainage behind the wall. • The bricks were donated by two families who no longer wanted them. We just had to go remove them from their yards. • The mulch was donated by a local recycling/landscaping company who wanted to help out and have their sign displayed for the fair. • The new plants were donated by the master gardeners at the nearby Purdue Extension building. They needed to clear some space in their own garden, so they donated some plants they didn't need anymore. Overall the project went much quicker and smoother than I expected it to. I'm really excited with how nice it turned out! All the plants are perennials, so it should look even better in the years to come!

img_0786.png
img_0740.png
img_0734.png
img_0699.png
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
ArcadeWise
@ArcadeWise

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

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