@PranavBehal-U0476KJ0CLD – Hack Club Scrapbook

Mon, Jul 29

For #arcade I continued working on Tooloro. I mainly added in preview functionality for adding tools, added individual pages for tools, and made some small UI fixes. Live Link: tooloro.vercel.app Github: github.com/pranavbehal/tooloro

https://imgutil.s3.us-east-2.amazonaws.com/d73a4e57d8fda2a944b29b424d12c02ffdf8b77f589ec99b4fdb4465c1633289/b78393b7-0c5f-444a-b49b-2b479b4a4cf2.png

Wed, Jul 17

Since I would love some arcade merch in the shop, I decided to make some of my own! Even though I have no experience with clothing design, I made some pretty basic designs & starting points for swag designs for arcade (t-shirts, hoodies, and some hats) based on existing drawings and logos I could find. If anyone has any feedback or wants something added, lmk and I can try to make something! Github Link: github.com/pranavbehal/arcade-concept-merch Public Figma Link: www.figma.com/design/jFA3ddDjFbDGLNtftPcBLJ/Arcade-Concept-Merch?node-id=0-1&t=25KEKUzRIeH09In3-1

https://scrapbook-into-the-redwoods.s3.amazonaws.com/c55976bd-0b25-497e-b47c-bedd4ce6caec-image.png

https://imgutil.s3.us-east-2.amazonaws.com/97716839f42768ec41255e5fa0b1b19a2302eb2f8ed464d2d7de3206efbcd288/545f2389-9fe1-4e92-9a61-70c0b28c38e7.png

Fri, Jul 5

For #arcade I made two different train cars (one that is futuristic, and one that is modern) in Blender. Here's the repo and the final results of both of them: github.com/pranavbehal/blender-train/tree/main

https://scrapbook-into-the-redwoods.s3.amazonaws.com/12592bb2-29d9-4735-836d-ca2e6451937b-hour5_final_render.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/8257a34f-feb4-4d31-b0a3-e0c1a06d6993-hour4_final_render.png

https://imgutil.s3.us-east-2.amazonaws.com/b7256c82831d77b32da0ed8caf6978e517b6a7cd95969c899da2ae027b50dfe9/3b2a7f9f-3d78-4b17-b9c0-82f04111caad.png

Wed, Jul 3

For #arcade I made a rocky beack environment in Unreal Engine 5 to practice my landscaping & rendering skills with water. Repo: github.com/pranavbehal/ue-beach

https://scrapbook-into-the-redwoods.s3.amazonaws.com/438913b2-7547-475d-9432-ae0a5b375049-final_render.png

https://imgutil.s3.us-east-2.amazonaws.com/e703074d4c8f339bf90a42066e727cc0c0723ab62b1019495bbe2705cd7ea6e8/903c0eae-76d0-4a3c-8281-4be8c33db7e7.png

Wed, Jul 3

For #arcade I finished the front-end (of most pages) of a website I'm making to help people find tools & software for their business/creations. I mainly focused on UI logic (like conditional rendering) and fixing some UI from my previous scrapbook. I will be working on the backend next. Repo: github.com/pranavbehal/tooloro Link: tooloro.vercel.app

https://scrapbook-into-the-redwoods.s3.amazonaws.com/bba42d52-4a51-4d9a-91cb-d4f11fdf9d39-image.png

https://imgutil.s3.us-east-2.amazonaws.com/d73a4e57d8fda2a944b29b424d12c02ffdf8b77f589ec99b4fdb4465c1633289/348d8a93-d2a4-4e8a-af0e-02ad07bb0bc9.png

Tue, Jul 2

For #arcade I made a simple pond scene in Unreal Engine to brush up on my skills. It has a pond with fences, trees, and a hill. Here is the github link for the 3d models that Unreal Engine let me export: github.com/pranavbehal/ue-pond/commit/559c122e84e828f2a745b10266f9236025f66033

https://scrapbook-into-the-redwoods.s3.amazonaws.com/f1c3cbf0-34e2-427e-924f-bf3dbbeb3272-pond_env2_sequence_1_render.0000.jpeg

https://imgutil.s3.us-east-2.amazonaws.com/60878024ba8e4e50c7017f78d419a7198512c88cb11d71408e582f37ac700928/86390182-c9be-4e40-ac61-10e71b7e85d0.png

Fri, Jun 28

For #arcade I started building out Tooloro, which is a website for you to browse tools & software to use. I worked on the home page and some of the other pages so far. This is one of my first projects with NextJS. Here's the repo and working link: github.com/pranavbehal/tooloro tooloro-qedzjtaes-pranavbehals-projects.vercel.app

https://imgutil.s3.us-east-2.amazonaws.com/2d819404d5f2602af83b3b85300631760e66eec53c862c559719a2a7bc3a0112/ee263620-2078-4b55-865a-6497ac98601f.png

Thu, Jun 27

For #arcade I made some assets for a car-based video game, including 2 different-sized maps, a roadblock, and coin model. All of the assets are on this github repo: github.com/pranavbehal/3d-map

https://imgutil.s3.us-east-2.amazonaws.com/4b2739af027b6300fea1dfde065f1664596925e8a9212a5b5bc0890538fb35d6/18bda28c-7bbf-4911-a16b-d3a3fa9b5133.png

Wed, Jun 26

For #arcade I made a simple desk setup in Blender as a learning project for myself: sketchfab.com/3d-models/desk-setup-2b8a4757d86547b2985520bd1b7a09ae

https://scrapbook-into-the-redwoods.s3.amazonaws.com/b79a0a0e-3356-471c-a5ab-eba4c33cb5fc-final.png

https://imgutil.s3.us-east-2.amazonaws.com/573327e0fed38a23bda557a67af700965400fc03c81dd5d8c2f69cc5cde14324/d558d99d-fd24-4a68-adc1-40956ff3c52f.png

Tue, Jun 25

For #arcade I made a stripe app that is a bit more complex than my last - this has user auth for a photo-downloading site. Below is a demo and github repo: github.com/pranavbehal/Stripe-Metered-App

https://imgutil.s3.us-east-2.amazonaws.com/08972abd9f5d452d5053ed64ef9e7e09b55500659dd5578b2b638bbc805cd441/599d66c0-1471-43c6-ba03-8eb8c91d370f.png

Tue, Jun 25

For #arcade I made a simple stripe app that redirects you to success or error pages depending on the status of the stripe checkout (I mainly did this as a learning project). Below is the source code and a demo: github.com/pranavbehal/Simple-Stripe-App. Quick note: I had two sessions for this since I accidentally ended one a few minutes early, so please just count the project as one hour/one session

https://imgutil.s3.us-east-2.amazonaws.com/d73a4e57d8fda2a944b29b424d12c02ffdf8b77f589ec99b4fdb4465c1633289/d52c1a6e-5e18-4625-8025-530643fe3264.png

Fri, Jun 21

For #arcade I made a simple dashboard app in NextJS, with features like editing entries stored in a database and optimized loading. Below is the github repo and a demo: github.com/pranavbehal/NextJS_Dashboard_Tutorial

Wed, Jun 19

For #arcade I made a simple clone of Myspace, with user profiles and following features. This was my first time making a NextJS app, so it turned out pretty basic but still good! Below is a demo of the functionality, as well as a github repo: github.com/pranavbehal/MySpace_Clone

https://imgutil.s3.us-east-2.amazonaws.com/3b18c404d7d371b13473e54064120c5c220216897d357ae23e6862caab27cc93/46e8ae00-eaaa-4a9b-8dc5-ae09b48d110a.png

Tue, Jun 18

For #arcade I made a clone of Supaship, focusing mainly on auth. Below is the repo & a demo of the working auth flow (I blurred out some parts with personal emails): github.com/pranavbehal/Supaship_Clone

https://imgutil.s3.us-east-2.amazonaws.com/fe822a730e05111ff2194a688add3576d97d3349c7d9a7f88adceae8be32f082/d97574ec-0ce8-48c1-9a48-67c837e48793.png

Fri, Jun 7

For #hack-hour I came up with some ideas for a new app for students I want to make (not yet sure which one to try) and played around with Bubble.io and Supabase to see if I should use them for this project. I also started on a basic Figma layout with inspiration from shadcn ui

https://scrapbook-into-the-redwoods.s3.amazonaws.com/06432f0c-a595-4063-80c8-6fc47b20fec9-image.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/c71cff69-175e-4a11-9a10-c53f520f7ed2-image.png

https://imgutil.s3.us-east-2.amazonaws.com/49cbc6c3563173a9b51eee4d10f133e0b35d13e53d6d050f0f0e92b51108a781/df3307ba-63f0-4022-96ca-bf0586c0fe19.png

Thu, Jun 6

For #hack-hour I made templates for our TSA members to use for their events & made a timeline with fundraising ideas for our chapter

https://scrapbook-into-the-redwoods.s3.amazonaws.com/56796e49-5087-4e73-be41-6f614ea6763f-image.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/0c419db2-898d-4ffc-9333-dff94395abd7-image.png

Wed, Jun 5

For #hack-hour I made a minimalist desk setup in blot - it randomizes the desk size, the amount & orientation of monitors, and the amount & size of picture ledges. github.com/hackclub/blot/pull/522

https://scrapbook-into-the-redwoods.s3.amazonaws.com/f92dbd9d-976a-4e39-ad99-31246124ba39-snapshot_1.png

https://imgutil.s3.us-east-2.amazonaws.com/3da6d1fe915c9f38ae72ed243032c307f03a163c244038741f54a5013ad7d248/a981258d-98a7-451c-98c5-66b4ecfae7ea.png

Wed, Jun 5

For #hack-hour I made 4 screens in Figma for nutrition & meal features for a mobile fitness app, inspired by Dropset

https://scrapbook-into-the-redwoods.s3.amazonaws.com/c51f733e-1a4d-468e-9217-380d9b624994-image.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/78c3a7b5-dff0-43eb-bca1-7e03e5913c44-image.png