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…
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!
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.
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.
🚢 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
#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
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: 🧪
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
🚢 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!
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.
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
🚢 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
🚢 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!
🚢 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
🚢 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!
First ship in a while! Made my first ever Sprig Game! Check out Marble Tilt! Check it out at sprig.hackclub.com/share/kirZ4UtFoGXO7zyZF1DJ!
🚢 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:
🚢 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
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
:shipitparrot: :oblong: OBLONG SHIPPPPPPP :oblong: :shipitparrot: Introducing v1.3.0 of oblong admin! It's an improvement over v1.2.0. It now has a fully featured OAuth & OpenID Connect API & a nice developer portal (Sign in with Obl.ong???)! There's also now a system for requesting "provisional" domains that immediately appear in your account while pending admin review - no more tally form + manual transferring of domains. Admins now actually get a page in Adminland where they can approve/reject domains. Additionally, we finally implemented a linter so the code is a bit more bearable than it used to be. You can use the release live today at admin.obl.ong - or host it yourself! github.com/obl-ong/admin/releases/tag/v1.3.0 Side note: We now have a forum! You can register for the forum with your Obl.ong account (thanks to the new API) at forum.obl.ong --reese :shipitparrot: :oblong: OBLONG SHIPPPPPPP :oblong: :shipitparrot:
Finally finished my #blot video! thanks for everyone who helped get my blot setup and gave thumbnail feedback! www.youtube.com/watch?v=Jw7PQFWcE_U
:sprig-dino: Ship! Made my first sprig game (after way too much procrastination) and got it approved! It's a maze game between two people to get through mazes and eventually to the end!
These are just a few posts…
Keep exploring →