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…

secondary-smiles
@secondary-smiles

Chela update! I've fixed a ton of bugs and added some fun features and now Chela is at version 1.0.0! If you missed the previous ship, Chela is minimal selfhostable URL shortener written in Rust. It runs in a 14Mb Docker container! I have an instance hosted at trkt.in, you can try it out by going to trkt.in/create with the user hackclub and password 4YtC3qWKBZAYmD. github.com/secondary-smiles/chela

https://imgutil.s3.us-east-2.amazonaws.com/c4d348d64025501eb2473c598df0950a8f1eb3b693343bb64051bf4b9585ba3c/a6785e6c-3f18-4013-908d-8df8208394b8.png
reesericci
@reesericci

:scratch: :shipitparrot: SCRATCH SHIP: SSH FOR SCRATCH!!!:scratch: :shipitparrot: The past week I've been working on getting SSH over WebSockets working to allow for building SSH apps with TurboWarp, a Scratch fork with custom extensions. It required me to write Go code compiled for WebAssembly to get a full client working, but it does work! Introducing, turbowarp.sh - building blocks for SSH apps in Scratch. It allows you to connect to any Linux server provided it has a WebSocket tunnel to SSH (see websocat/websockify) like Nest! You can execute commands, have full programming control flow with Scratch, and more! You can try this extension today at turbowarp.org/editor?extension=https://cdn.jsdelivr.net/npm/turbowarp.sh/dist/bundle.min.js ,or by loading bundle.min.js in the turbowarp.sh package through a NPM CDN (like jsdelivr) from the "Custom Extensions" tile. Git: sr.ht/~reesericci/turbowarp.sh NPM: www.npmjs.com/package/turbowarp.sh

https://scrapbook-into-the-redwoods.s3.amazonaws.com/b7f7fc31-4b75-4f87-8a45-352ccfabd193-image.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/5e0c01ba-d8eb-43f7-9133-0198c5401a86-image.pnghttps://imgutil.s3.us-east-2.amazonaws.com/dc2026edfd9eb8e3fb7625e27617881dabd275cd65a21dd4e3a07e14eb2c2aee/fc289a90-1ad0-4759-a2cd-a058d6c2f809.png
secondary-smiles
@secondary-smiles

Announcing Chela! I took a few hours to try and make a nice little self hosted URL shortener like bit.ly. I wrote it in Rust and tried to keep it small. I'm currently hosting it at trkt.in. I used sqids to generate ID's which leads to super awesome short URL's like trkt.in/GM! The source is available here.

https://imgutil.s3.us-east-2.amazonaws.com/3014016b036f4d185020529deb0572244c617033c427c46c06fce0da17805dc7/eea64dcc-9a5b-4110-84bf-e64128e2befd.png
sahitid
@sahitid

:kitty-dance: 🌸 *days of service ship incoming:* :kitty-dance: 🌸 Blossom 🌸 was held in Atlanta, Georgia from March 15-16th. working closely with the Girl Scouts of Greater Atlanta :girl-scouts:, i had the privilege of organizing a day-long event that brought together a team of high school female mentors and dozens of eager girl scouts. beginner girl scouts embarked on exciting journeys - from crafting their own PCB :pcb: keychains that they later had manufactured through #onboard to delving into an introduction of javascript :js: to code drawings on #blot the drawing robot. every girl went home with a unique new hardware or software project that they 100% created themselves, but most importantly, the confidence needed to pursue coding further :blobheart:. we also had a brilliant dinner (with ricotta balls :blobby-doughnut:) the night before with 28+ women in technology and STEM who guided us with their stories and experiences in their fields. all the high school mentors and i were fueled for the day ahead of us by the end of the night:half-salute:. it was so motivating to see girls who had never touched code before leaving the event with the confidence that they had a place in the world of technology & finished projects that they could show off. 🔗 website: blossom.hackclub.com :githubparrot: github repo: github.com/hackclub/blossom 📷 day of service photos: drive.google.com/drive/folders/1-XnTK7QPwufdo4flwsF7syqOoZwB0z6C?usp=sharing 🥂 women in STEM dinner photos: drive.google.com/drive/folders/1-WR0RY4SCYAOzAD3T-Z6aT0_DYBsNGgj?usp=sharing thank you to @MariannaLudensky @NilaRam @christina695 &amp; the whole <!subteam^S06A2EGQ29M|@blossom-team> for the wonderful event we pulled off, hopefully inspiring many girls along with each other through the process.

https://scrapbook-into-the-redwoods.s3.amazonaws.com/f16815b3-04af-4ebb-b6db-41d60cd8c43d-dinner.jpeghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/5b172528-5ae2-4317-aa84-4bb38c02c8cc-250a3112.jpghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/aa1eefaf-1b47-4f54-a9e1-b500df0b2da9-250a2983.jpghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/b2cdc041-0871-43df-b973-c78ed229d14b-250a3138.jpghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/58d07676-23c6-4761-9316-5d9ed7da80e8-250a2999.jpghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/71636be4-ec48-4a65-806d-5f0980821a7d-250a3141.jpghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/57cfe71b-8378-4dc4-b729-8f40114d685d-250a2880.jpghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/6808d201-a0d5-4864-9017-7fc66bae90ff-250a3003__1_.jpghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/6b9fe5d6-2b9f-4070-833a-878397bd4ae1-250a3013.jpghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/a3b3c0b6-41ad-497d-af93-8bd2f50e7bf0-250a3228__1_.jpghttps://imgutil.s3.us-east-2.amazonaws.com/3548f65faedf573a617d447111d0ec757780471e49fdb18d7af96f911ffb1800/151ecc2f-f49c-4d3c-8447-1a0f5731ee61.png
EvanGan
@EvanGan

Day 27 of #100-days-in-public. Today I spent time getting my react site to compile. Originally it was set so that you have to specify a directory it is going to run in but I managed to change that to the ./ directory so it can run in any direction. I also added some instructions for the user. Tomorrow I am going to work on getting it up on my website and shipping it. After I ship it I think I may try to incorporate an interaction library like MUI or EUI now that I am more familiar with react. On another note, I got my fudge from #10-days-in-public!

https://scrapbook-into-the-redwoods.s3.amazonaws.com/1ac07799-806c-485c-8652-40187636fc7a-image.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/dec7b082-9f47-47c7-8bcc-a6d235a122d2-image.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/28aa44fb-3b12-41f9-85d4-9b878e63c410-screen_shot_2024-03-12_at_5.46.19_pm.png
EvanGan
@EvanGan

Day 26 of #100-days-in-public. I want to take a bit of a different approach on my #scrapbook today. Currently my Gemini based rug game is in a state where I am considering #shiping it but have an idea of one last feature that will require me to modify some of my code to create, and make it much more original. I think I may ship the current version tomorrow and then continue working on the last feature. Today I had a bit of a realization why react is such a good framework. Basically, my goal is to have a text box pop up when the user needs to enter their api key and not show up if it is already in the URL(see yesterdays video). The beauty of react is that I can do this very simply in one element by simply detecting if they need to enter a key, and if so returning a different piece of HTML. If they already have a key then I can simply return nothing and nothing pops up. With React I can just throw this element in anywhere and it just pops up when it needs to and disappears when it is not needed. Also, React allows me to easily modify page layout, say for example if I wanted my chat box to be below the input I can do that with swapping one line of code.

https://scrapbook-into-the-redwoods.s3.amazonaws.com/75c0d84a-376d-4b14-8291-60745b34f170-screen_shot_2024-03-11_at_10.13.57_pm.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/47ec7cb2-1fc5-4a1d-8528-323680613edd-screen_shot_2024-03-11_at_10.10.34_pm.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/64e81165-6e8c-4ea5-8a92-2a428ef7be5f-screen_shot_2024-03-11_at_10.06.31_pm.png
phaedra
@phaedra

I built a student portal/site for my school! In the future, there may be AI and official district portal features thrown in as well, but at the moment it's primarily being used for my school's course selection since that's what's happening right now at school. I'm so happy to have finished building it! It's a project that I've been hoping to launch since my freshman year of high school but never had the coding expertise to execute, and now it's open-source and live for the 1,700+ students at my school to access! Using Next.js, React, and the magic of the Google Sheets API, I was able to sell the course catalog that my school has (and I now encourage you to check it out)! It's now available at mybla.vercel.app :D It's been awkward walking around and seeing people compliment the project due to seeing my name in weekly announcements but I'm happy that it already has a happy user base even after being released for a short while.

https://scrapbook-into-the-redwoods.s3.amazonaws.com/58eee7b0-4d5a-4075-8ad8-73de2e476309-image.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/4f6fb409-4a02-4301-8411-56489af79756-image.png
Aram
@Aram

🚢 ANOTHER WEBSITE SHIP 🚢 I shipped 3 new pages for my website! The first one is a photos page, it pulls automatically from my Flickr for the photos and uses static images as fallback. The second one is a blog, it uses markdown files and tailwind typography for rendering them nicely! The third one is super simple but its a stack page, It includes the tools I use. Hardware and software! The website is written in :nextjs: Next.js and :tailwind: Tailwind CSS. It's all open source! ⭐ it on GitHub and live on aram.sh

https://scrapbook-into-the-redwoods.s3.amazonaws.com/356954c2-3c84-4406-8d1a-d02d5937d741-image.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/3aa4c7e8-6e67-4967-861d-3cca7d109df9-image.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/86f52934-d3ce-4771-b295-a54c171b19bd-image.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/acf24e6a-b7b4-449b-acde-0bfd82870189-image.pnghttps://imgutil.s3.us-east-2.amazonaws.com/71aa43726029a36799259ed104cfb8758c20049951f5a659b1f28259ad78af04/4abb2e3c-82b8-4d10-953b-2eb29f3f1bee.png
TheTridentGuy
@TheTridentGuy

Recreated the classic Chrome dino game for #sprig:

https://scrapbook-into-the-redwoods.s3.amazonaws.com/862baa4c-2e20-4d38-a505-c97892fe5d40-dino-game.png
Kieran
@Kieran

#ship I finaly finished procrastinating on making the pcb for my led cube and was able to knock it out in less than 8 hours total; particularly proud of no drc errors and a clean schematic

https://scrapbook-into-the-redwoods.s3.amazonaws.com/08e727cc-e70f-496e-8944-a0a015115d00-pcb_pcb_led-cube-4-layer_2024-03-04.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/f4457ce6-0be8-4aea-9d0c-1e75fba2fdd5-schematic_led-cube_2024-03-04.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/a379ba14-925b-4c7a-a99f-dcc852696599-screenshot_2024-03-04_at_21.59.51.png
Kieran
@Kieran

made a custom #arc-browser icon!

https://scrapbook-into-the-redwoods.s3.amazonaws.com/c2333fe2-19bd-48f7-90cb-97bda2e200be-mac-pro-max.png
toby
@toby

day 9 of #10-days-in-public!! today, i built an app for the student swift challenge. it's super late right now, so i'll ship it all tomorrow, but here's a look at it! :swift: 🧪

https://scrapbook-into-the-redwoods.s3.amazonaws.com/5156f756-b53f-4fc6-94b1-531b0a0eebd7-image.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/65b23700-64e6-4296-9883-d04de4988814-image.png
KarthickArun
@KarthickArun

Working on my portfolio, little late to the party tho lol, planning some advanced stuff with 3d cards for projects and certification and also tags for projects , cant wait to #ship it probably in the summer along with a python script to update the projects and ceritifications and add new ones programatically with templates, hopefully finish this during this summer

https://scrapbook-into-the-redwoods.s3.amazonaws.com/bd3dd928-1e04-4216-84d8-9924c139b398-screenshot_2024-02-20_at_7.27.05___pm.png
Aram
@Aram

🚢 WEBSITE SHIP 🚢 I have made a 📖 guestbook to my website! It allows you to read posts, login in with GitHub and post something! It uses :vercel: Vercel KV (soon migrating to upstash) and next-auth for authentication. This was inspired by @toby’s guestbook on his website! This is now live at aram.sh/guestbook! Leave a message today! This was built for #10-days-in-public!

https://scrapbook-into-the-redwoods.s3.amazonaws.com/16b6baea-56b1-4239-b21d-b470c6b22177-image.png
Kieran
@Kieran

Day #1 of #10-days-in-public; I worked on my website and added a new feature to my bag scanner tool (kinda evolved into a slack toolkit). For my website I added a gist mirror so that m.kieranklukas.com/g/d99bc46b29dab92ed1799451188e02da pulls my docker compose management script. For the bag scanner tool I added the ability to search for a user in hackclub by name and get data about them; one annoying thing about that project is that since it works with a 58.3mb file its a pain to load into an editor.

https://scrapbook-into-the-redwoods.s3.amazonaws.com/84265ac8-9699-465b-8185-e180faca9f6e-33345.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/7b3ca6bb-f4cc-4220-aba6-b88480ec098b-image.png
KarthickArun
@KarthickArun

App by me @Evan , @KevinYao-U04EWE54XKR , and @MichaelZhang to help hack clubs and their members learn JavaScript , this is a #ship from #the-summit : aicoder2009.github.io/summit-zelda

https://imgutil.s3.us-east-2.amazonaws.com/67febf5544d6e93cb5cfe4dafd1db09936d55070e204b3b375542115c9062e19/5102c2bc-3bdc-48ea-bc47-74c30ed389db.png
Kieran
@Kieran

🚢 One more ship before i turn in for the night; I got ui working! now I have a snazzy ui as well as working snipper; i chose clack as the ui framework as it was already written in typescript; clack can be found here: github.com/natemoo-re/clack

https://scrapbook-into-the-redwoods.s3.amazonaws.com/fe0a3d8c-7cb4-429a-9c43-8278642c9204-17769.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/2352786f-e3be-473c-9d0a-d239a0e84d65-96934.pnghttps://imgutil.s3.us-east-2.amazonaws.com/8801f5e6e1525921e396ea3f521b7f5d988bacfe8304bc7dacd1a66451a3c555/4d0041a7-e26c-47d4-b92f-3b892f28cb6c.png
Kieran
@Kieran

🚢 Another micro ship! I built a shopgoodwill.com auction snipper to try and snag an ipod; it is written in typescript and bun as usual and requires only a max bid and auction id to work (besides authentication of course); i'm going to try and add a tui for it and clean up the code a bit but it works!

https://scrapbook-into-the-redwoods.s3.amazonaws.com/dd1d330c-f431-4d61-b14b-fec25d3f299a-image.png
Kieran
@Kieran

🚢 Micro ship this time; I created a typescript http plaintext streaming server with bun and express. You can find the code on my github: github.com/kcoderhtml/streaming-web m.kieranklukas.com

https://scrapbook-into-the-redwoods.s3.amazonaws.com/52e2112f-291e-4c76-b15d-191e7ed70e08-image.pnghttps://imgutil.s3.us-east-2.amazonaws.com/649702540a487ca58051e338345802f0475b238b3c38ebf56002bebe23d05993/627088ea-2345-4aa0-8a27-4af255159d6b.png
Kieran
@Kieran

🚢 micro ship! I got a scrappy integration working with netlify and my websites blog backend vrite and can now publish posts from scrappy onto my blog automatically! well currently semi automaticaly; scrappy webhooks are broken rn but once they are fixed it will be!

https://scrapbook-into-the-redwoods.s3.amazonaws.com/a5a50aac-6c16-427a-998e-b0fe5311ab09-image.png
jdogcoder
@jdogcoder

First ship in a while! Made my first ever Sprig Game! Check out Marble Tilt! Check it out at sprig.hackclub.com/share/kirZ4UtFoGXO7zyZF1DJ!

https://scrapbook-into-the-redwoods.s3.amazonaws.com/aee12e21-9ca2-4843-bfd8-3629c1e2aeab-cleanshot_2024-02-06_at_12.43.16_2x.pnghttps://imgutil.s3.us-east-2.amazonaws.com/e05c48f1970288c4d4291e878cb3f688814742a78d194a8c78c56075b82be43e/aeb64b4c-b0ec-4e2d-a914-4ba1b2a426d6.png
Aram
@Aram

🚢 EXPOSE PIZZA SCAMS 🚢 Ever been puzzled about whether to choose a large pizza or a small one? Don't take my word for it. You can find out for yourself with a small tool I've created! Just put in your price and size and it will effortlessly calculate the price per square inches. Check it out on aram.sh/pizza! The code is open source on aramshiva/website, (please ⭐ it)! :pizzaparrot: Happy 🍕 Partying! :pizzaorph:

https://scrapbook-into-the-redwoods.s3.amazonaws.com/f1daddde-2380-4c79-b7fa-9ed18b583727-image.pnghttps://imgutil.s3.us-east-2.amazonaws.com/93af20fcbb8f2683df2b571b87a168673364e781bc157b51a744a8d6bf465a71/6048dd5f-4eec-4519-bce0-108d4f47660b.png
Kieran
@Kieran

🚢 Crescendo and @V205 inspired t-shirts made with a sharpie and my #blot! its a two part design as the blot dimensions are too small to do the whole thing in one pass. you can view the code here if you'd like to try it yourself: github.com/kcoderhtml/blot-drawings/blob/main/crescedo.js

https://scrapbook-into-the-redwoods.s3.amazonaws.com/362c25a9-1549-46a6-af12-354d8ffe2e3a-51253.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/bfe1ce7e-96f5-4968-883c-e24ddf0c5cdf-pxl_20240129_185853609.jpghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/39842a56-73a6-4766-97bb-1a16086b98d4-66286.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/e11e28fa-82c4-4695-a7fd-dd6b29a9b3f8-pxl_20240129_185840165.jpg
Kieran
@Kieran

ASCII 🚢 ! @ohnoitsnoah gave me an account on their tilde server and in trying to think of something to put on there I though of asci art leading to the inevitable rabbit hole of a new project. I made a tool to download asci text in different fonts from a website called asciified.thelicato.io and convert it to json with the corresponding font attached as a key; then some html renders it on the web with a variable font size script to make it always fit along with some js to make the font you get random! njoy ™️! github.com/kcoderhtml/-kierank

https://imgutil.s3.us-east-2.amazonaws.com/90f0fe3d2928cd8b829a94b146da897eade62b916b2a93779f3f1ff1376c64be/3333e815-b274-4a97-b70f-888271813906.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 27k+ teenagers from around the world share what they’re working on & help each other.Join our Slack