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…

Neon
@Neon

Libre office catppuccin theme github.com/NeonGamerBot-QK/catppuccin-libre-office

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/394e24e8-e48b-4e41-bd6e-6b0fc7acfecf-image.pnghttps://imgutil.s3.us-east-2.amazonaws.com/2cfdadfafca8ac8ccb3cf1c88949802b243f4c9a11f0afcc6f661f7eb32e01e1/5ed62996-dcb7-4641-adb6-9ae06249d0ab.png
Neon
@Neon

I took an attempt at the CRC challange: github.com/NeonGamerBot-QK/CRC crc.saahild.com cloudresumechallenge.dev

https://imgutil.s3.us-east-2.amazonaws.com/908bd7df1c048763487c9c77ccc43d885bef02ae17c211f358ee344fdd133d10/1ef02d96-4838-43ce-84cc-f5cc46af90c6.png
Neon
@Neon

simple npm pkg which makes nano easily edit a single file on git! > github.com/NeonGamerBot-QK/gnano > www.npmjs.com/package/gnano

https://imgutil.s3.us-east-2.amazonaws.com/215845d175075f11499c1644741c430dcd037f52a3710329f38e92af24d5938c/e2f9e77d-d18d-4f77-808c-4909386bbe59.png
Neon
@Neon

My portfolio site i made with Daisyui, react and themed with catppuccin mocha =D github.com/NeonGamerBot-QK/saahild.com saahild.com

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/54464bd2-b10b-45a1-b433-d4a3fdba781c-image.pnghttps://imgutil.s3.us-east-2.amazonaws.com/ec1e9c8f1f27c7da2eb1c358a3db8679faa0c5787baec9673e482524648c4105/386e4ee5-3bcf-4b46-9185-0237c0fd70cf.png
Neon
@Neon

i have made an extension for crunchyroll to bring back the comments like they had never disappeared! i did this by copying the old comment UI and with a chrome extension i achieved this. if you like it please leave a review and if you find any bugs open a github issue. github.com/NeonGamerBot-QK/crunchyroll-comments

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/0b58e79f-ae1c-4248-8e7f-6656e23c9bbe-image.pnghttps://imgutil.s3.us-east-2.amazonaws.com/004630208b7b52689a4787e0b130a64309689968b0ce75f742c87279a066ced8/c9d03c2a-c40d-4202-a34d-67fb01602c26.png
hex4
@hex4

my :minecraft: minecraft modpack is out! For a while I've been trying to create my perfect version of Minecraft - and I think Super is pretty close to that. it's based on Fabulously Optimized, but adds a ton more mods for immersion + quality of life. it's also client side! get it on :modrinth://modrinth.com/modpack/super>

https://imgutil.s3.us-east-2.amazonaws.com/3feabd7eaccd8e8c7a547b9852c38fff99c953b3aaa43d81dd82a7bf9ea2f4c8/4cf32be5-5c97-4aba-8620-c133e261ac4d.png
mihir
@mihir

ship time 🗣️ For times when they need blood urgently, they have one person painstakingly go through the sheet, filter out donors who haven’t donated in over three months, check if they meet certain other criteria, find out their distance from the center by putting in their address on google maps or something and individually call them on the phone and ask if they can donate. idk about you but no one deserves to go through that 💀 I asked the manager of the blood bank if I could maybe build something to help solve this as a summer project, and he, being the awesome person he is, agreed and even offered to take me around the blood bank! Here's an outline of the app and how it works. i've also posted a huge writeup + pictures from the tour of the blood bank in #C07JBQW5W3X|! (shameless plug 😋)

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/da4d0027-013f-4e00-9976-ba08bd1cf460-bloodbankoutline.png
OmRaheja
@OmRaheja

github.com/om-raheja/aviquo-ec-frontend last ship of aviquo ec frontend for a few days I will work on it after the weekend The css is cleaner [repost so scrappy can read it]

https://imgutil.s3.us-east-2.amazonaws.com/649877d3ff1f2f459c068a459c7d5befcb658bbfb904d07449a032ebbaef1188/677aa26f-19c7-4cdb-b935-e7e14dde77c3.png
OmRaheja
@OmRaheja

github.com/om-raheja/aviquo-ec-frontend last ship of aviquo ec frontend for a few days I will work on it after the weekend The css is cleaner

https://imgutil.s3.us-east-2.amazonaws.com/649877d3ff1f2f459c068a459c7d5befcb658bbfb904d07449a032ebbaef1188/c28911d7-76a6-407f-9d8a-85f3029e759e.png
tsvrn9
@tsvrn9

I'm working on creating a social media app for musicians: here's a first mini-ship to get across the arcade finish line! The current iteration includes a basic login and media picker screens... React Native is still hard asf... This is an expo app connected to supabase github.com/TSVRN9/the-shed

https://imgutil.s3.us-east-2.amazonaws.com/831fd74abe1b8107ba351e7fe8340ab219dbab052daf0b07af9f614a13f1fc81/c4d662ac-081d-4370-8566-3420054c504f.png
RachellLEE[10N16]
@RachellLEE[10N16]

oops i forgot to ship these sessions with the last ones!! github.com/sleepycodingcat/Tower-Defense

https://imgutil.s3.us-east-2.amazonaws.com/08ece20d91c0f93b25e3410e27b0e94627a115e543b3d79bbfe1b32f8ae07d1f/2dbae746-dd9f-4ab2-8742-bf863e3fead6.png
klumey
@klumey

Updated and (maybe) finished my FIRST EVER game! Space maze using Sprig You play as space ship, go through mazes and after escaping, abduct cows as cute blorbo alien! Experience it here: sprig.hackclub.com/share/ACIpdoERQwCZZYdfao3x Github repo: github.com/klumey/space-maze-sprig +mini alien screenshot Cheers!

https://scrapbook-into-the-redwoods.s3.amazonaws.com/521b8c2a-1057-4344-854c-15f96145de0f-image.pnghttps://imgutil.s3.us-east-2.amazonaws.com/e05c48f1970288c4d4291e878cb3f688814742a78d194a8c78c56075b82be43e/547ffed6-f082-406a-9bdf-c294af28f5a9.png
MridunGupta
@MridunGupta

working on a blog template at github.com/mridun-gupta/FanFolio; FanFolio.ship.mridungupta.eu.org

https://scrapbook-into-the-redwoods.s3.amazonaws.com/75e6cc4a-8ffc-404c-b030-29d9288f7602-127.0.0.1_5500_fanfolio_home.html.pnghttps://imgutil.s3.us-east-2.amazonaws.com/6909372b66cacbaf118fb91b8c95ac130942fbd26fe38d97e10d820235407399/5d744b98-fd12-430b-947b-cbebdfa85469.png
GregorDavies-U04FX4ZMBJ9
@GregorDavies-U04FX4ZMBJ9

I shipped a opensource motor controller and datalogging system for Greenpower race cars, designed in order to maximise the speed and reduce the cost of these vechiles designed by young engineers and university teams. The motor controller is based around the RPI pico w and is a simple THT based pcb easy for teenagers to assemble and fix when at races, it's currently being made by jlcpcb thanks to onboard and I should be able to fit it to the car next week. Picture of me and my friends car jaws included which has been 13 years of work in the making. github.com/Gregor-Davies/Zevallos

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/0449a10b-df6d-48b9-90cf-21901b329210-screenshot_2024-08-19_131111.pnghttps://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/6a4dcf79-6505-45b3-a96f-e85c63e52e30-img_20240529_153144643.jpghttps://imgutil.s3.us-east-2.amazonaws.com/d73a4e57d8fda2a944b29b424d12c02ffdf8b77f589ec99b4fdb4465c1633289/dd95a65f-d4bb-4303-80e9-342c2c47cf79.png
LarryLe
@LarryLe

IG (Instagram Visualizer), is a site designed to make looking at instagram’s data about you easier. Instagram has a feature where users can request their data, and they actually return a json file. Even as a developer, going through all those json files can be daunting. IG Visualizer will display the data in a digestable format and allow you to sort through your data, so you can decide what you want to see. No data collection is done on our end. Our repository is public (not just because of hackclub) and was purposely developed to not need a server, meaning our process is local to the client. Github: github.com/Larry-Larriee/IG-visualizer?tab=readme-ov-file Project: ig-visualizer.vercel.app

https://scrapbook-into-the-redwoods.s3.amazonaws.com/b6a25cd3-7f9b-48f9-8f83-f3bd915f2fe3-image.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/6fc003ff-3c10-4e03-a60b-70624de9fce0-image.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/d06936d5-6432-42f4-b15b-b80fabf97737-image.pnghttps://imgutil.s3.us-east-2.amazonaws.com/2a76fd65453d657a361206f0f1d0287a4b454f2d8b8ddd10146d06b1d15fa388/37b42fc3-2600-4fae-a46f-44fd7c6ea82b.png
iach526
@iach526

Codec Wiki is a resource designed to provide practical, higher-level information about the usage and application of various codec (coder/decoder) implementations. Codec Wiki focuses on helping users understand when and how to use codecs effectively, along with their accompanying tools. This makes it particularly useful for those who are more interested in the practical aspects of working with codecs rather than the underlying theoretical concepts. I internationalized their Docusaurus documentation, which now supports the addition of languages from around the world. I have also added a Traditional Chinese page. This project haven't ship, I will continue commit in feature demo:codec-wiki.vercel.app

https://imgutil.s3.us-east-2.amazonaws.com/0aae004d5b7cdd83a7a4ea72d6ab0dc59f33438c59f995369e5717e28071f080/efcc0e0e-0d88-4ba3-8d5d-669caa84e95b.png
MridunGupta
@MridunGupta

a kanban board template is live at github.com/mridun-gupta/KanbanBoard | demo at KanbanBoard.ship.mridungupta.eu.org

https://scrapbook-into-the-redwoods.s3.amazonaws.com/29c3fb69-b686-4e8e-80e4-434674be1666-kanbanboard.ship.mridungupta.eu.org_.pnghttps://imgutil.s3.us-east-2.amazonaws.com/90c85f442d2e71a20737bdbe1306f95fb95e3961d375f273781e3a75a1ac728d/f6ab6e23-eca5-45ac-9abd-8b1b4c8d4bcc.png
iach526
@iach526

Codec Wiki is a resource designed to provide practical, higher-level information about the usage and application of various codec (coder/decoder) implementations. Codec Wiki focuses on helping users understand when and how to use codecs effectively, along with their accompanying tools. This makes it particularly useful for those who are more interested in the practical aspects of working with codecs rather than the underlying theoretical concepts. I internationalized their Docusaurus documentation, which now supports the addition of languages from around the world. I have also added a Traditional Chinese page. This project haven't ship, I will continue commit in feature demo:codec-wiki.vercel.app

https://imgutil.s3.us-east-2.amazonaws.com/0aae004d5b7cdd83a7a4ea72d6ab0dc59f33438c59f995369e5717e28071f080/8c43423a-92e4-44fe-aecd-f854d78826d1.png
iach526
@iach526

Codec Wiki is a resource designed to provide practical, higher-level information about the usage and application of various codec (coder/decoder) implementations. Codec Wiki focuses on helping users understand when and how to use codecs effectively, along with their accompanying tools. This makes it particularly useful for those who are more interested in the practical aspects of working with codecs rather than the underlying theoretical concepts. I internationalized their Docusaurus documentation, which now supports the addition of languages from around the world. I have also added a Traditional Chinese page. This project haven't ship, I will continue commit in feature demo:codec-wiki.vercel.app github.com/iach526526/codec-wiki

https://imgutil.s3.us-east-2.amazonaws.com/0aae004d5b7cdd83a7a4ea72d6ab0dc59f33438c59f995369e5717e28071f080/f602be55-f771-4837-9d05-579b453130a3.png
LarryLe
@LarryLe

3D in HTML is a web app that allows users to explore and interact with 3D experiences powered by the aframe library. Users can publish their own aframe code for anyone to view it on the site. People can also copy the aframe code to use in their own projects. The web app is meant to be community driven, allowing users to share their 3D websites with others. Github: github.com/Larry-Larriee/3DinHTML Project: 3dhtml.vercel.app

https://scrapbook-into-the-redwoods.s3.amazonaws.com/6739c8ee-3a04-4206-a3e9-f155761f623d-image.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/0451a591-891a-4a70-98aa-3b84c115da3e-image.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/7553f9e2-2597-46a9-ba31-ef78769f1408-image.pnghttps://imgutil.s3.us-east-2.amazonaws.com/d2f17f7c3925758e6586354b4e01510ba5aeb34ed2d37bfcf0ea82e2c5ef0f38/33fced64-ea38-486e-ac0f-4fe1119a2edb.png
MridunGupta
@MridunGupta

a new Arcade-Goal-Tracker is finally here, sorry for being at very last moment, thanks to @Outdatedcandy92 for contributing the backend logic for it. know more at github.com/mridun-gupta/Arcade-Goal-Tracker or try visiting link.mridun.co/arcade

https://scrapbook-into-the-redwoods.s3.amazonaws.com/b846e225-aee3-4dd2-bc2d-0572a1d3a275-arcade-goal-tracker.ship.mridungupta.eu.org___2_.pnghttps://imgutil.s3.us-east-2.amazonaws.com/7ee6a1fc10394e6cb98035ca466eac064d637ed77b6a71b43512330f75e7e069/f3f757ef-0d40-4ac8-8c3f-b5edd1ed160e.png
Victoria
@Victoria

Pirate Ship 3D Model github.com/Vichack18/Pirate-Ship-3D-Model/commit/3f46d1fb99ef065c18978df6bf81858fa2afa864

https://scrapbook-into-the-redwoods.s3.amazonaws.com/2e535224-4ec7-4c9b-99c9-8a71d9ff8541-2024-08-27_11_03_07-window.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/3ede528e-9add-4b5d-92eb-072a8101d284-2024-08-27_11_00_29-window.pnghttps://imgutil.s3.us-east-2.amazonaws.com/90f7aad7d9e239f7f291e8ff571eccf2944363e16921a3cadce40d1a33d4cd4d/6dbdf138-c77a-4661-a41e-0cada4ab0eaf.png
MridunGupta
@MridunGupta

kanban site at KanbanBoard.ship.mridungupta.mridungupta.eu.org | github.com/mridun-gupta/KanbanBoard (under development)

https://scrapbook-into-the-redwoods.s3.amazonaws.com/3076b623-470e-4fbc-a5a6-3971aebe13c8-image.pnghttps://imgutil.s3.us-east-2.amazonaws.com/46378fca31911399319b8bd99b2ffd7260fd8318ac968fd4dae566e7534cd53c/1347c702-9ec7-4ac6-8b31-8b51a01032d1.png
MridunGupta
@MridunGupta

renovated my pay template > PayMe.ship.mridungupta.eu.org > github.com/mridun-gupta/PayMe

https://scrapbook-into-the-redwoods.s3.amazonaws.com/b5f9584e-0384-43c0-911c-57ed7759503e-image.pnghttps://imgutil.s3.us-east-2.amazonaws.com/bb3a41803e5c2df4a7d82b50cf64a66bfaabdd967c9c3e00880f5a83a763bdbe/8aa4098c-4a7a-49c0-8bf5-07c9ea2d29c1.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