@tacy0day 32 of 50 days to 2026!
I did crazy little today lol. I had work in the morning so that took up a bunch of time and then had the celtic ball which was insanely fun! I ran into a friend from the gen cyber camp at cedarville over the summer as well which was amazing!!!
I quickly speedran this little react clicker for #C0A277A4FP0| because I want the orpheus plushy so very badly lol. I did it in quite literally 6 minutes :heavysob:
@logabe2Day 22/50:
• Started with #C09EZSEMB16| fulfilments! I helped about 4½ people :D
• Did both AoC puzzles today! It was pretty fun :)
• Did a bit of work on Burning Rain
• Cold-called some businesses in order to try and get a j*b. No businesses have any positions available where I live :heavysob:. It might be good to see if there are any tech-related businesses in the nearest city that have jobs. I'm also gonna update my CV cause it's been a year since I last touched it.
• Did a proper workout for the first time since I got sick
• Started poking around with Expo. Lowkey unless I find it really confusing I'll just go with Expo+React Native because I don't wanna learn two frameworks.
@zeankun.dev0made an insanely bad UI for a React app but hey, these are just tests that Gemini can be customizable like ChatGPT (in terms of personalization)
@kkrishguptaa0Mapped out the architecture I'm going to build Hatchet in. ✨ It will use 4 different databases, postgres, scylladb, redis and opensearch. The clients will be written in TypeScript with React, expo + react-native for mobile, nextjs for the web and tauri for desktop. Backend will be written primarily in Rust and Golang with one microservice in Python. It will use Cloudflare R2 for file uploads, Signal Protocol for Encryption. Very excited about using Kafka (I have no idea how it works, but I guess its needed for this one).
@ShaomingWu0set the channel topic: 📷 💻 Pick a subject and learn about it every day! Share updates here and get a custom, beautiful site generated at scrapbook.hackclub.com!
Not working? React to your post with :scrappy-retry:@stephanie0new personal website in dev ⚠️ much more mature version comparing to my old one :))
@Sinura0hi guys this is my first scrap book post (working on a react app *coding). was working late.
@Vivaan0set the channel topic: 📷 💻 Pick a subject and learn about it every day! Share updates here and get a custom, beautiful site generated at scrapbook.hackclub.com!
Not working? React to your post with :scrappy-retry:@SkyfallWasTaken0Just shipped #C091PEQP7CJ|! It's like #C07UJMV9389| but for Summer of Making, and gives you updates for stock changes, new items and price reductions!
I took a lot of what I learnt from High Seas Monitor and Arcade Monitor to make the codebase more maintainable and easy to hack on!
• :blob-yay:happy-dom (dom library for nodejs/bun) is used to parse the som shop's html
• 🚢 arktype (a library to validate the shape of types) is used for safe env vars, better intellisense, and to ensure that the scraping script isn't reporting false/undefined data because of a page change (it'll stop the script from running further and pinging people for false updates)
• :sentry-white:sentry is used to monitor errors. since the bot does html scraping, it can be slightly fragile - sentry (to report errors) + arktype (to throw errors) help prevent that from happening
• :react:jsx-slack lets you use jsx instead of json for block kit! while it doesn't use react, it helps keep your code a lot shorter and you get better intellisense. i use it for all the bot's messages and it's been a joy to use!
• :bun:bun to use typescript/tsx without a bundler + for superfast package management!
code's at github.com/skyfallwastaken/som-monitor. dual licensed under MIT and Apache 2.0.@PianoMan00Day 7 of remaking the Hack Club homepage! I'm converting to the site to React as fast as I can :dino_cry:
@PianoMan00Day 6 of remaking the Hack Club homepage! I'm working on migrating the whole site to React :blobby-sweat_smile:
@Ranger0Over the last month, I have been revamping my personal site using react. And I'm quite proud of it!
The mobile version is still buggy, but I think desktop version has the spirit :D
As always the source code is on my GitHub!
Website Link: justfahad.me (Thank you arcade <3 )
Github: github.com/Ranger-NF/Personal-Website
@PranavEmmadi0set the channel topic: 📷 💻 Pick a subject and learn about it every day! Share updates here and get a custom, beautiful site generated at scrapbook.hackclub.com!
Not working? React to your post with :scrappy-retry:. lol@SkyfallWasTaken0A while ago, I made Vortex - an email shortener made with :ferris:Rust and :react:React!
However, the UI has always been lacking (to put it mildly), so I decided to make a bunch of improvements to the site:
• Better colour usage and styling
• Better 404/error pages
• Email logos! When you get an email, it now shows the company logo to make things look nicer
• Emails are now sorted in the list
• Better styling for plain text emails in dark mode
• You can now clear the emails from the server to improve privacy
• SSR! Which means faster page loads and better SEO
• Code quality is easily 10x better
• Rust deps are now up to date
• Redis is now the database for the site so that emails don’t get lost on updates
• CI actually works now
Give it a try! vortex.skyfall.dev
Vortex has 12+ (sub)domains so you don't have to worry about getting blocked!
@anne0day 9 of #C045S4393CY| i worked on a react terminal portfolio website :woooo:
@uwu0day sech ("tee hee funny word" 😐) of #C045S4393CY|
• css hates me
• react hates me
@Olive0Day 6 of #C045S4393CY| - I got hanging stuff to work!!!! I fixed how hanging lamps work to make them react to force balls and be suuupperr satisfying to swing around, and I added hanging platforms which are janky but I can hopefully get to be more stable (they're also really satisfying)@FelixGao0day 2 of <#C045S4393CY|>
I decided to try smth new and use vite + react for the first time! :yay: were errors caused? definitely. regretted using npm then changed to bun? yup. struggling with the frontend library chaos? 100% still am. but did I have fun? oh 1000% I'm excited to see this come to life :D
there's what I got so far, will get the rest and some formatting fixed up, but this is going great :D
@Wajeeh0I 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 updatesgithub.com/Mr-W-Squidward/studyquest
@SkyfallWasTaken0main thing today was archimedes work!
• fixed some bugs w/ multi-author things
• added a basic email template w/ react-email (but i might rip it out for mjml later)
• added approval requests that are sent to a review channel (like prox2)
• added dms when thing is approved/rejected
• applied for (and received) access to telemetry.hackclub.com
hopefully I haven't leeked anything important :P
@SkyfallWasTaken0Today I reworked some of Vortex's UI!
Also added SSR (and then had to remove it since Vercel doesn't support it with React Router :skulk:) and Umami.
@SkyfallWasTaken0rewrote the vortex (vortex.skyfall.dev) frontend from sveltekit to react router v7! also made it mobile friendly, added a "generate new" button, and fixed images/links sometimes breaking (due to cors)
@TheRealCraig0i worked some more on codeboard today (as usual). i was mostly fixing bugs, adding small features and improvements, and figuring out how to build and deploy. react router seems to be having problems, it's saying i don't have the vite plugin installed but i definitely do. going to work on that a bit more tmrw.
@TheRealCraig0I learnt a lot more about React and sync engines today, and I added React Router to Codeboard. I started adding authentication and I figured out a way to get the current markdown from MDXEditor too.
@magicfrog0are 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/santastestgithub.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:
@louisa0today i:
1. spent a huge chunk of the day with some family:cinnasparkle:
2. got to learn a lil bit of react native, all managed to do was to make my screen pink tho :noooo:
3. worked on some athena nairobi stuff :D
@TheRealCraig0today 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?).
@BoopBoo0Developer Dating App Progress:
So far I have been able to make the backend in express.js, along with Socket.io for the chat functionality. As of right now we are using passport to authenticate users with GitHub, and storing it to an MySQL database, along with for message history.
For the pages we have a home page, a dashboard witch will be changed into a settings page on the profile page. The profile page is dynamic and works with any profile. Along with the search page witch currently has sliders but will soon be adjusted to work with location when we switch to mobile app functionality later.
The current template frontend is in EJS as of right now, and we will keep it that way as for a web application for the beta, but I have plans to switch to React Native later. In the end unsure how to proceed. If you have any questions please make a thread.
@kimax0Working on a responsive website about the Rubik's Cube to practice React and Bootstrap. Today I made the main page and it's completely responsive. Didn't even use AI.
@Amber0Been working on a React Native Android app that can share my location to a server so that I can store my location for use in some projects. Eduroam has been a pain today, but I've finally got something that fetches my location in the foreground! Now to make a server, send it to the server and add background tasks. Sounds simple enough...@Daalbu0Today I had a small mistake in advent of code and got stuck. My code is always for some reason spaghetti. Continued working on my test app and added some teams separation. Thinking of a rewrite in react/deno but also I'm quite commited at this point to django github.com/DaalbuCZ/Hermes
@PratyushVelShankar0just fixed a BUNCH of dependency conflicts with three.js and react, and finally got to this stage -
@BoopBoo0Comp Sci Compass (Day 1)
Today I got a mock version of the backend using express.js, along with a simple SQLite database. I started working on the front end using React. I was thinking of a terminal style design for navigating the page to have the application stand out some more. Thinking of switching to a database like Firebase, even though it is a no SQL database, it is built for Node.js/JavaScript and using JSON. I am thinking about it but I feel like I will stick with an SQL based database as I am storing a lot of reviews and more, along with courses connected to colleges/high schools.
Here is a preview of the front end, the backend and database are mostly made. yes the console is working, to lazy to post a gif
@axolotl0integrated react into the frontend... formatting doesnt work but at least the site loads...
@GGORG0I hate the Rust borrow checker sometimes... Especially when writing websites in a React-like framework (Yew.rs)
Today I also learned a lot about OpenID Connect, which will be useful in a project soon
Shipping my personal website probably tomorrow or the day after!
@Hashim0I am working on a POS/ERC system that lets you manage your business by organizing transactions, tracking inventory, and generating bills, all in one place. It simplifies daily operations, enhances productivity, and gives you real-time insights to make better decisions. So far I have made a basic prototype in React and Appwrite(basically firebase but open-source)(1). Today I decided the key features that I should add(2) and started designing the UI(3). Current UI is a pain in the eyes. It needs to be something elegant and aesthetic. As I would need to because I would gift it to my dad who owns a spare parts business for 20 years now and does everything manually(he has employees though but manages the finances and stuff on notebooks which is a big pain). It would help him alot!
@BrycenWeeks0set the channel topic: :aom: 📷 💻 Pick a subject and learn about it every day! Share updates here and get a custom, beautiful site generated at scrapbook.hackclub.com!
Not working? React to your post with :scrappy-retry:.
@Danny0I worked on a math solver with React (powered by Gemini API). I have finished the AI prompting, but I still need to improve the UI and fix client / server component interactions.
@ManuG-U04C8LLPKS70added functionality for users to lock collections and reset passwords if needed. built with typescript, react native, and argon 2 for encryption
app name: Dysperse
@arctix.dev0With High Seas kicking off, I thought starting a scrapbook would be cool! I've been brainstorming project ideas, and one that’s stuck with me is building something like ChatGPT—but for schools. The idea is to make a tool packed with features for teachers and students, helping schools adapt to AI and teach it in a way that keeps everyone up to speed. I haven't settled on a name yet, but I'm currently considering something like "Brainwave". I am planning to build Brainwave using React/Next.js, OpenAI API, Shadcn/ui, and Supabase! :supabase::vercel::openai::react:
Spent a few hours today recreating the ChatGPT UI as a starting point. The concept should become clearer as it develops, but I’m excited to see where it goes from here!
@louisa0lol i lost my streak (fr this time) last night for some reason but ngl im not too bothered by that :) ive been thinking alot about what i wanna do with what i code bc alot of what ive been workinf on doesnt rlly have much of a purpose (im sorry rizzlergpt), its just code that does stuff. so my goal with high seas is to make projects that can be useful for other people while also learning new things. anyways enough of me yapping (on scrapbook of all places :heavysob:)
today:
i started off with working on a pomodoro timer (this is gonna be my first complete react project lol). i wanna have features that can make it better for programmers :) so i think im gonna work and complete this for the next 2 weeks and see how it goes :) i also started working on a list of other stuff id wanna make that have the same kinda goal. i also started learning some pixel art since for my pomodoro timer i wanna add some orpheus art there
@ajhalili20062Shipping from my laptop straight to Nest (after this, going to setup systemd service unit file first) before #C07PZMBUNDS| ends (please vote for me to get some :sky-scales:), it's @HackClubLeeks ! It's a Slack app companion for #C06089401GT| for data sleuths at Hack Club Slack with a review queue similar to how #CNMU9L92Q| work to avoid abuse and false flags for those who want to spot the leaks minus the copy-and-paste-da-permalink part. Don't worry, leeks flagged through the bot are anonymous but logged the user ID of the first person to flag for moderation purposes. Simply react with :leeks: or privately flag as leek via message actions on channels like #C05SVRTCDGV| and #C054QL5JHU0| (or even #C01FXNNF6F2| if you seriously want to FAFO with the FD).
Found a bug or want to coordinate a patch/merge request or just want to help review the possible leeks in the queue? No problemo, hop into #C07T2EP4PLZ|. The source code is licensed under MPL-2.0 with the block builder library from Prox2 under MPL-2.0 AND AGPL-3.0 (apologies for SPDX-License-Identifier speak), and even has a GitHub mirror for Low Skies and visibility reasons.
@PhyoTP0hi, my first scrapbook since arcade
PhyoID, a user management system made with flask, sqlite and jwt, now has a react website, auth.phyotp.dev , and is used for Multicards, an iOS app and will be used for its react website soon. github.com/PhyoTP/PhyoID
@TanishkaDas0set the channel topic: :aom: 📷 💻 Pick a subject and learn about it every day! Share updates here and get a custom, beautiful site generated at scrapbook.hackclub.com!
Not working? React to your post with :scrappy-retry:.
