last night at near midnight eastern I received a message from the legend himself, @sike saying he would love some help on the design for the waitlist of his VR feedback suit.
I got inspo from this poster at the cafe across from HQ & the Hack Club Mac sticker & badoom after a bit of collaboration this is what @sike & I made :)
Toon shading is really cool & surprisingly straightforward to implement. It’s amazing how a shader can totally change the vibe of a scene. This was the most awesome secret Santa gift ever! Thanks so much! Waiting till Christmas to finish opening it :)
doing some thinking about how to make creating a Hack Club even more aspirational :)
ai art is cool
trees (a-frame project
) (different everytime)hmm so in my closet there was no light. sometimes it can be a bit hard to see what clothes are there in the mornings & evenings. Introducing: Hanging Light, an all-in-one wall-plug to extension cord to clothing rack light solution.
made a bit of progress experimenting on an idea (Yaps - You And People Ship)
ui sketch :)
Hey, do any of you find this cool or just me? (this is web-based) (experimenting w/ A-Frame)Experimenting with Go (this is not advanced, trust me).
w.i.p fun little random thing w/ Deet (continuing on project started w/ Nila)
@NilaRam & I building the first version of Buddy Basket!I would love some feedback on the content of this website (not design)
What does it convey to you? If you did not know what Steve was, how well or poorly do you grasp the concept?thoughts on gifs?added gift to topbar
will some more progress. considering a modal for the share menu. steps to implement:
1. Make a design in Figma
2. Implement base functionality in code (perhaps through a modal or a pop-up)
pls apple
🍎
Functioning on Test Flight :)
Major priority: Get it on the app store asap!
Still need:
• App Store Slides
• Linking to terms & conditions + privacy policy
• Forgot password functionality
• Recipe sharing modal
• API for getting share suggestions
• Ui For Displaying Share Suggestions
• API for updating profile
• UI for updating profile
• Pull up to refresh
• Better UI for inputting multi-line directionsApp store connect + expo build/submit shenanigans complete!
note to self: delete apple token each time resubmit to ensure it's on the correct version of the thomas developer account
a bit of progress 🙂
still to be done:
• forgot password
• welcome screen
• sharing images UI
• Privacy Policy & Terms + Conditions
also to do:
• better error handling on API side
• lowercase emails on database sideA bit of progress. Work to be done soon:
• turn off tripling of recipes (was being done for testing)
• Make login & sign up look snazzy
• Make a welcome screen
• Create UI for sharing recipes
• Make the create recipe screen toggle between inputs when the user taps return instead of ripping them out of the flow
• Cache images Morning Recipe Sharing Implementation Funshare a recipe with api :-)ugly ui is exciting when one is just getting started building an idea. really makes one feel like a hacker :)
data flows well :-)
(no ui)fun! Expo!auth!woah express is cool. so much cooler than fastAPI.
+ working on a personal project that I have been putting off for WAY too long
experimentation / ui fun.
ty for sketch @ImDeet-U045B4BQ2T0
In life we're always learning.
Testing things, learning from mistakes & from feedback, experimenting, and having fun is life.
Life is good 🙂
Send message prototypeprogress :)
UI Fun yesterday
Concept 🙂
concepts
Morning UI Fun :)experimenting with color
Morning UI Fun 🙂
Evening UI Fun 🙂
morning UI fun 🙂
Data through sound :)did nothing other than foot yesterday so ima post that
Still need to add a search modal (so you can see previews right when you search).
I also need to improve the search logic a bit to sort. At the moment you can put in a term and it will filter through every Jam and return those that have those terms.
Jam that slides
(performance is still a bit of an issue rn)Some design updates (still not close to done):
1. Design dropdown
2. Make Jam Resources A-Tags a custom component w/ Hack Club styling
3. Make navigation bar navigate to different sections
4. Make sections on the navigation bar decrease opacity when scrolled past and underline when presently in sectionprogressing styles (still not close to there yet0Camera working in application, new Table (was being thrown away from TH, so I offered to take it), and API now being hosted from @ImDeet-U045B4BQ2T0 ‘s old laptopmore details available 🙂responsive
Code Jams w.i.p
scrappy w.i.pHi. I am doing some Jams platform dev stuff atm
(all sample content dw. sorry if you're in a photo or something dw this is just testing purposes)Working on a todo cli with Rust! I like Rust so far
Last night I made a database & some APIs. Today I started on the UI. Soon I'll connect the two worlds (& that will be quite cool!)
(for context, I am remaking as a native app a PWA that I made ~1 year ago that allowed my mom to create, store, and share her recipes)
CDN is down so I am using this as a CDN. Do not do this.
This message contains interactive elements.
Added non-opted in clubs to the directory (w/ Redacted info) & made a big Map/List view toggle.majestic capybaraFirst "app" :)
Started Jams development. Postgres Database setup & starting routing on the NextJS side.
(no styling yet of course)
(also no real content yet)Save the Day
on the move
Miss all those clubs on the old map?
They're back.
directory.hackclub.com
Wanna opt-in to the Directory? visit the pinned post #clubs-directorySidebar distracting? Minimize it
Added some color to the mock-ups 🙂
(all Images & Text are place-holder content)
More lo-fi (low fidelity) mock-ups for Jams
1) User flow + Information Architecture for Jams
2) Improved Text Legibility for Batch Jam Recipe Previews & Changed Tag Names
3) Wireframes for additional pages
4) Wireframe / Super Lo-Fi Prototype of Feedback Flow (creating Social Validation for a Jam)
6) Low fidelity mockup for aspirational project
~random idea: Imagine if Jams videos had "fake Ads" that you could skip that were meme like videos inspiring people to do Hack Clubby stuff like join the Slack, post on Scrapbook, come to one of our upcoming hackathons, or start a Hack Club & they were super slow budget & hacky
New Club Map
Console:
HQ Joined the server
Steve Joined the server
(directory.hackclub.com)
(#clubs-directory)I added some placeholder images (not representative of actual content).
(I tend to design without images, so I'll probably revert back to the grey blocks for further designs, but I just wanted to see how it would look with images).
A few new drafts today
Slightly higher fidelity
Still a bit hacky atm, but with a bunch of help from @conrad, we now have Burrow interacting with the System VPN settings in the Menu BarWireframing for a new project
UI Concept
Added active/inactive state for club icon on the new map
#clubs-directoryYou can now sort by proximity using your geo-location in Clubs Directory.
(btw dw you're geo-location is only used client-side & is never stored + this feature is totally optional)
(when you select proximity sort, it will ask for permission to use location)You can now & search and fly 🙂okay this is getting a bit wild. 🚋Experimenting with new Club icons & including Hackathons in the map
Imagine if you could easily reach out to clubs in your area simply by glancing at a map and directly copying the emails. No need to imagine.
Opt-in & help us build @ #clubs-directory
(This was a fun feature to implement. We're using React-Leaflet.)
(+ you can even Search on Maps, but this feature isn't fully fleshed out yet)Creating the Directory map (which will have the ability to contact leaders (who opt-in) straight from the map view.
(atm this is just the Leaflet plugged into the page. We're not displaying the clubs yet. Leaflet was surprisingly incompatible w/ NextJS, but we figured it outtttt! 😄)
(btw for our beta testing you can now opt-in by visiting the pinned-post in #clubs-directory and checking a box)
Making Club Directory more responsive for mobile
(check it out @ clubsdirectory.vercel.app)
(also included a screenshot what it looked like before)
Redesigning Club Network for Mobile
(in Figma atm)
(dailyUI #4)Day Three Daily UI, good luck on tomorrow's exam if you're taking Calc
multi-select for #clubs-directory
Daily 30 minutes of UI Day Two:30min Of Experimental UI/UX Day One:
What if your club could collaborate with other clubs? What if you could connect with another club for a mini-hackathon or even make new friends while traveling and discovering a Hack Club in another city?
The Club Directory unlocks the power of cross-club collaboration, allowing clubs to transcend boundaries and create together. If this interests you, join #clubs-directory@Arpan had this vision and shared it with me, and we decided to make it a reality. We've been working on the tool for about a week (maybe two). I'll catch you up on what we've done in the following screenshots:
Screenshot 1: Arpan and I collaborated on a call to create the general user flow for the Club Directory.
Screenshot 2: Arpan and I split ways, and he began focusing on the backend while I focused on the frontend. See the UI prototype I created attached.
Screenshot 3: We realized we were a bit out of scope, so we narrowed the scope for our MVP so we can ship ASAP and work more closely with the community.
Screenshot 4: I'm coding the frontend MVP in NextJS while Arpan builds the backend in FastAPI.
p.s. currently I am working on multiselect & making that experience awesome & next I'll focus on responsiveness & map view
also privacy is a big concern and we're currently trying to work through how we can allow clubs to opt-in (or maybe opt-out) of the Club Directory)
all data shared here is fake club data, dw we're not revealing real data in this post
the old internal name was Club Network and the new name is Club Directory
I discovered a React Component Extractor and now I do not have to spend a bunch of time cleaning up my code, instead I get to spend only a little bit of time cleaning up my code 😄
Today marks the end of my time as the Dorman Hack Club leader, as I officially handed over the reins to Jaime, our club's next leader. I am excited to see how he leads his club and grateful for his decision to continue this space for makers at DHS.
In addition, today also marks the release of the Carolina Hacks mini-documentary (attached to this post). Carolina Hacks was a hackathon that my friends and I organized, and it was a truly unforgettable experience. Thanks to everybody who helped make it awesome.started a new mini-project w/ @ImDeet-U045B4BQ2T0
(just for fun)
Called: Site Stash
What is it? Time will tell.
(application icon by Dieter)
Today I learned about the some method! I found it really useful for a search algorithm I am currently working on. It allows you to see if any value in an array meets a certain condition 😄
i had a dream last night
Carolina Hacks Prompt: Create Magic Where Least Expected.
Would you expect your recycling bin to give you sassy encouragement?
Suzume was awesome! Your Name is still better, but Suzume is my second favorite movie. I watched it in theaters today. Only Makoto Shinkai could make a love story between a protagonist and a chair and include a cute cat as a villain provoking giant worms controlling weather patterns to rush out of randomly placed doors.
UI Concepts for #burrow-menu-bar (part of the #burrow project)
(this is a bunch of fun)
I fixed a tiny little bug in Unifriend regarding updating the graduating year of the user. For some reason, I was passing it into "f" instead of "auth_token" (total typo lol). Fixing it was a bit of fun.
I also did a bit of promo for Carolina Hacks & reached out to a few people who signed up today. Today has been a good day.
Today was not super productive as I dedicated a bit more time to school work than I'd like to.
Add a friend button improved a bit 🙂Revised more efficient burrow selection 🙂 (btw I wish I could add an image / video to my other scrapbook post, that would be cool)UI Concept for #burrow
(when the user taps a network, the data will be filled into the inputs)
a bit of progress on the UI (still don't like the colors yet)Database in sync w/ UI for event selection / deselection
(using a Muffin API)Very basics of event selection (for users to select events they're interested in and then in Unifriend be suggested people who like similar events)
(& perhaps to be suggested those events when they happen nearby??)A bit more profile customization added to Unifriend :)Base functionality of Friend Finding in Unifriend 🙂Here's a fun little bounce animation for the Friend Finding big buttonAurora is working! You'll receive morning texts suggesting clothing based on the weather in your area
www.auroraalert.cc
Go @northeastprince for building & fixing the backend in Ruby on Rails!!!! (Matt is quite skilled)
(this was a hackathon project we built at Beantown Bash)
Carolina Hacks Flier :)
A little bit better :)
I designed a poster for Carolina Hacks
(bonus fun: & I asked Fotor AI make it look like a cyberpunk anime poster)
A little betterThis now looks a bit more like a messaging interface 🙂
Integrating Postman into my Muffin API to send Push Notifications when messages are sent. I am so happy to have this actually working haha Knuff is awesome :)Today at Bean Town Bash, I worked with Matt, Austin, and Owen to build an application that wakes you up with a message of the temperature and clothing suggested for such a temperature. Owen & I made the front end in NextJS & Austin made the backend in Ruby On Rails & SQL Lite.
Overall was lots of fun. Congrats @ky200617 on hosting an incredible Hackathon.
The front end is functioning, but the backend is yet not deployed (it was being hosted temporarily using ngrok for the purpose of demoing the project at the event).
www.auroraalert.cc
Made some progress on integrating notifications. I would like to connect this with my API to notify users when they receive a message
(this is for Unifriend)In environmental science today, we went outside to pick up trash and I found this dirty PS Vita, cleaned it, and discovered the game, SD Card, and Sim Card :)
Today @ImDeet-U045B4BQ2T0, @ParkerEstes-U04JBGJ1UQZ, and I filmed a short background video for the Carolina Hacks website. The video is quite fun 😄
(full props to Dieter for the awesome editing & filming of the video)
I also setup continuous API calls to get updated messages within Unifriend. We also created an Add/Remove API for events & hobbies in addition to a Start a Convo API.Updated Carolina Hacks website
(hopefully tomorrow we're going to film a background video to replace the rather bland image of the library + add some images throughout the site)
carolina-hacks.vercel.app
Any feedback for how we can improve the site is welcome :)
I made a bit of progress today on handling sending messages 😄
I need to add a webhook to get the changes for when the user receives a message.Update on Unifriend, an application to help university students make friends (a project I am making w/ my friend Parker)
Developed a bit of the front-end (totally unstyled), Auth on login, signup & login is fully functional. The API is a bit inconsistent (sometimes it will be super fast, and other times it will take 15 seconds or so). We're now retrieving conversations.
We made a send message API and a find friend suggestions API too (very basic sorting algorithm right now but we will improve it), but have not yet connected it to the front-end.
WITHOUT STYLESDeployed API w/ Muffin + Docker + Render.com & started developing the frontend 🙂I put together some Database Tables for a project my friend and I are working on :)
Implemented Backend of Login, Signup, and Auth with Muffin APIs (similar to Flask) & a PlanetScale Database
I connected my Muffin API to a PlanetScale Database
& it was able to create a record and add it to a table
(btw lol dw I will hash the passwords & create real auth tokens soon)
Happy Spring
Today I discovered Muffin, a lightweight framework that I'll use to create APIs. I am also reviving a project w/ my friend, Parker. His focus is backend (Python, SQL, pandas, etc) whereas mine is more so frontend (although I'd love to learn everything always haha).
I imagine a workflow sort of like this: "We make a basic design on paper of the UI and specify what APIs would be necessary and then I focus on developing that UI in Swift (or React Native) and he focuses on making the API in Muffin & connecting it to a Postgres database and then we connect the two."
Today I experimented w/ in-app leaderboard, but have not yet implemented the feature.
+
the Penguin Pair was approved today
apps.apple.com/us/app/penguin-pair-cards/id6446442403
Feel free to give it a try and if you come across any bugs (no matter how minor or major), please send them my way so I can fix them asap! Also note that the app is designed primarily for iPhone and in the next update (coming soon) will also support lower versions of iOS.
make sure to flip off silent mode & turn up your volume to fully enjoy the experience
Penguin Pair Game Showcase 😄Made a bunch of progress today! Plan to ship tonight (hopefully apple approves in the next 48 hours or so 🤞) & hike tomorrow
Huge shout out to my friend Dieter (@ImDeet-U045B4BQ2T0) for collaborating w/ me on this project.
Split the app into two screens, added ability for photos instead of emojis, put a temporary back of the card, added card packs into the model, and connected the View to the View Model.
Swift is wild.
I finished reading through a few sections of the Swift docs. Sets seem very useful! There are all of these neat methods you can run on sets.
More reading of Swift docs, so a Tuple in Swift is like a combination of an array and an object. You can list various items and index those items (through nameOfVariable.n where n is the index) and you can optionally give their properties a label (making them more like an object or dictionary).
let myDog = ("Bodhi", true)
print (myDog.1)
or
let myDog = (name: "Bodhi", isHappyDog: true)
print(myDog.name)
Completed lesson 3 of CS193P. I am beginning to read the Swift documentation to better understand the syntax and language features.
Today I competed in an FBLA state competition for mobile app development. Our judge was really kind and asked some great questions.
I also made 30min of progress in the Swift course. MVVM is getting to be a bit confusing, but with enough practice, I'll figure it out. I've attached the basic model and view model setup so far (keep in mind it is incomplete)
My friend Dieter created a 3D model scan of me, found a free scene online, rigged my character, and made this cool dance video, a really neat proof of concept.
I also progressed 30min into the Swift course and began implementing MVVM into the sample projectContinued progress on the Swift Course, now we have multiple card games (flags, vehicles, & creatures) 😄
MVVM is interesting. I am used to heavily relying on the state to update the UI, but this method claims to have better performance (which would be really helpful)
I tackled another section of the material (cs193p.stanford.edu) and it turns out there’s a more efficient way to create the grid than what I initially thought. I discovered the LazyVGrid technique that loads only the content appearing on the screen and handles the number of rows based on the columns you provide.
Yesterday I started exploring SwiftUI and I noticed some similarities to React Native. I am using a free course and I’m really enjoying it. The professor’s teaching style just clicks with me.
Here’s the link to the course: cs193p.sites.stanford.edu
Today I went a bit off the course and tried to build w/o guidance, and it went pretty well! Stack Overflow & Swift Docs were soooo helpful
collaborating w/ my friend Dieter. We went to Atlanta to film some content :)
Recently made some progress on a customizable niche feature to Telegrade, an app to help content creators grow :)
(still refining it before I ship it)
