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…
First scrapbook post! Today i made a Flask extension to make it easier integrate Umami analytics into websites that use Flask as a backend (because it was too anying to do it manually so ofc i had to spend way too much time automating it) Repo: github.com/ImShyMike/Flask-Umami
:tw_ship: #C0M8PUPU6| !🚢 Last year I made a database of every name of U.S. citizens. Over the last couple of weeks, I made a web tool to view this data! If you’re a data nerd like me, you can see where names are most popular, and where the name is more popular. It features a table, graph, maps, and much more. FYI, It will omit any names with under 5 people born that year for privacy reasons. This has been a really fun dataset to work with. The site is made with Next.js :nextjs:, mySQL (with Drizzle as the ORM), shadcn/ui, D3.js, and :tailwind:. You can visit it at nomen.aram.sh and the source code is available on GitHub (maybe give it a ⭐ ? :pleading_face:) Have fun playing around with the data! :partyparrot:
For scrapyard, my partner and I worked together to make a demonstration of what we thought simulates the captcha verification web standard along aided with unclosable, unskippable, unblockable and depending on the intensity set, very obstructive advertisements for the year 2035. Just like current day captchas, not everyone can make it through. Regardless, the most important point is make sure you're a real, breathing human. You can customize of the simulation intensity with the slider on the page. :github: github.com/snippyrow/internetsim2035 🌐 snippyrow.github.io/internetsim2035/main.html
another ship, naturally it's like a week and a half old: :web-development: i made a website that got 2nd place in a statewide website design competition (:tsa:)! the theme was vegetarian restaurant, and i made a website for a fictional mediterranean restaurant called Azur. i went for a rustic vibe with sort of a contemporary twist, and i made a full menu + "backstory". the website is live at tsa.gus.ink! the code is also public in gusruben/restaurant-website but please don't read it 😭
Small ship from me 🚢 Introducing Activity Alerts! It's a bot that uses Slack's unofficial search API to find how many messages you sent on the Slack every day, then sends it to a channel of your choosing! (for me, it's #C0793T42XV4|.) It uses :bun: Bun, :typescript: TypeScript, :redis-db: Redis, and :slack: Slack webhooks! It's also open source! github.com/SkyfallWasTaken/slack-activity-webhook
Do you like spending money?:flying_money_with_wings:Maybe you spend too much and want your friends to question your finances? :money-money-money: Say hello to :monzo: Monzo for Slack! Whenever you have any transactions on your Monzo account, have it logged to a Slack channel of your choice so your friends can embarrass you for spending money at all those questionable places - such as 🐶 Pets at Home! For now, this just logs transactions but it will become much more powerful soon, to the point where Slack can be your go-to banking app. Unfortunately, due to :monzo-dark: Monzo's very sensible API restrictions, only specified users can use your OAuth app so if you use Monzo and want to use this, you will need to host it yourself. Luckily, I provided instructions to set it up in the README! Check it out on GitHub here: github.com/transcental/monzoforslack
:10daysinpublic: #C045S4393CY| WIP ship for @HackClubLeeks : As Recap Time Squad is switching back to GitLab SaaS from using Tulir Asokan's Manimum GitLab instance since our acceptance to GitLab for Open-source program and getting the complimentary SaaS Ultimate plan, I have been in the work between adding rejections reasons for leek flags a la @Prox2 (minus the manual posting at #CT0BV6UMV|). :gitlab: Checkout the dev branch for a sneak peek: gitlab.com/recaptime-dev/hackclub-leeksbot/-/commits/ajhalili2006/rejection-reason-work?ref_type=heads :leeks: Test in the public with @HackClubLeeksDev once deployed at Hashbang soon (for real)
:shipitparrot: :scrapyard: scrapyard ship incoming :shipitparrot: :scrapyard: > what started as me meeting a stranger-soon-friend at the airport w/ @ThomasStubblefield and asking him why he was wearing fake prescription glasses to make himself look smarter turned into the most fire hackathon project ever. this weekend, @ArnavChauhan , @TCYTseven , and i worked together to think of the most useless project we could built in ~24 hours + with the ray-ban meta ai glasses (yes, those glasses). introducing (brace yourselves, and give me credit for the name) our final project, "POKER? I HARDLY KNOW HER!" ♦️ ♣️ you might've come across this every-day situation many times in your life: you have homework assignments due tommorow but you ALSO want to play poker :blobby-flower_playing_cards:. just wear our glasses and 1) have them analyze your hand, the cards on the table, and the emotions of the poker faces in the room around you to 2) calculate a probabilty :man_with_probing_cane: of you winning the game and then 3) answer the next question on your homework but with an accuracy rate inversly proportional to your odds of winning poker match. using computer vision, opencv, roboflow, openai :openai:, elevenlabs, & opensource python :python: libraries we've made this a reality for you. watch our <https://youtu.be/JVtFxCJw5ng|demo> to get the full experience! :scrappy: scrappy moment: turns out meta :meta: provides no easy way to access the camera feed from the glasses for analysis. however (!!), they do allow access to the camera feed in their own services (yes, we ended up making facebook accounts for this initially 💀). the live video used on this project is taken from a whatsapp video call between two devices + obs :obs: video capture. :githubparrot: github repo: github.com/sahitid/meta-vision-project 🕶 📼 full demo: youtu.be/JVtFxCJw5ng *tl;dr:* we made a meta glasses-powered system that lets you play poker and do homework at the same time—but the better you do at one, the worse you perform at the other. *super special thanks* to @ShubhamPatil @kevinjosethomas @sarthak @Atulya-U04FJLBJ72S @JesseCogburn (jimbooo) @Mohamad @Rhys-U04GECG3H8W for the hours of moral support + starring in our demo + teaching us about your love for horiculture + & of course "chris" :chatgpt:
Hi! today im here to ship my scrapyard project i made with Alex, Echo. my amazing project the fuck you chrome extension, well it makes u want to uninstall it as soon as possible! :github: github.com/3kh0/fuckyouwebsite :tw_globe_with_meridians: fuckyouwebsite.3kh0.net
day #GQU39BB50| of #C045S4393CY| I made it so the deepseek api finally connects to main.py and provides an output, with that my sock project is done and i will do my juice project starting tommorow and will rsvp again. will ship and you should check it out in #C0M8PUPU6| and i made this with @Shree
:neodog_box: Arf, arf, wrrf, wrrrf!!! :neocat_box: Meow, mrrow, mrow Do you get parcels from a random place called hack club and want to see what's on the way and its status? eh, maybe not. But I do, and I don't like going to the shipment viewer because it's outside slack, i need to put in my email, get a link, annoying on mobile, ugghhh. (joking, it's a great site :) ) But what if you didn't have to do that? What if... it was in Slack. Introducing @PostPuppy ! Visit the app home to see all your packages just like you would on the shipment viewer. you can even opt to get notified when the status changes. oh, and if the email you use for slack is the same that you get mail to, it'll auto sign you in! (If you use a different email, you can open settings, enter an email and get a verification link sent to you) :neodog_melt_happy: you can open the app home to try it out here :) :neodog_aww: ty to nora for letting me auto sign ppl in! want the code? check out github.com/transcental/postpuppy
I made a productivity based IOS app; It's intended to create a sense of urgency and competition while gamifying the studying process. It allows for users to compete globally on study times, track their own, and eventually use the points in an in-game shop system; I made it in React-Native and included a bunch of features so check it out if you're interested, link below; I'm planning to ship a bunch more updates github.com/Mr-W-Squidward/studyquest
github.com/recaptime-dev/hcb-explorer-discord
Currently /hcb org and /hcb balance are supported at the moment but will port more features of @AdrianT 's @HCBTransactionFetch for Discord usage in the future, just I am currently being cooked at school rn.
shipped golinkctl just in time for #C087S82MNFR|: it's a small CLI for managing your github.com/tailscale/golink links in Deno runtime
github.com/recaptime-dev/golinkctl / jsr.io/@recaptime-dev/golinkctl
Today I added the last few significant "things" to the game (the stuff worth mentioning). I added a win screen, an option to mute the volume on the main menu, some warning messages on the main menu, and an icon for the window and the executable file (though that isn't visible on the recording). I also made a quick soundtrack for the menu and main levels (I just need one more). Next is finishing off the media for the game (trailer, itch page, etc) and then I can release/ship it!🎉 github.com/snej55/paper-world (the game is called Defblade, not paperworld btw).
Today i began web development on the flask server for my ship. here is the current state of the page its not hooked up to the live data. The Styling is almost complete i just have to upload the logo.
Just shipped for #C07H1R2PW9W|: a Ghost blog hosted on #C056WDR3MQR| - blog.recaptime.dev/hello-world
I might be cooking lately for the #C07H1R2PW9W| website revamp with mkdocs-material, but you can easily email the crew (currently myself) and find help articles through the Help Scout Beacon widget on the website. Here's a preview from my phone:
I made a boilerplate for next.js devs to save time on setting up projects involving next-auth. • Next.j • Tailwind • Prisma • Next-auth • Sqlite github.com/eesazahed/next-auth-boilerplate
are you addicted to slack? :heavysob: take santa's test to find out!! you have to answer 15 questions and you have to pick the right reaction to a message, like: "i just spent an hour reading confessions posts" would you react :ultrafastparrot: or :oneeyesob:? play here! themagicfrog.github.io/santastest github.com/themagicfrog/santastest also if you have suggestions for more questions pls tell me :prayge:. btw the answers are all just my opinion and im not rlly an expert :heavysob::heavysob::heavysob:
today i started codeboard, my prototype for a platform that lets you go from idea to ship as fast as possible. it's my first time using react, so development is slow, but i should have the homepage done by christmas (hopefully?).
These are just a few posts…
Keep exploring →