Mounted - a VR-focused YSWS banner

Mounted - a VR-focused YSWS

6 devlogs
15h 1m 33s

"Build VR projects; start or upgrade your VR experience!"<br>
This is my submission for the Hack Club Gap Year 2026 application. This website is a proof of concept / demo of what the actual YSWS could look like and obviously includes lots of plac…

“Build VR projects; start or upgrade your VR experience!”
This is my submission for the Hack Club Gap Year 2026 application. This website is a proof of concept / demo of what the actual YSWS could look like and obviously includes lots of placeholders and hardcoded content, but it should give a good idea of what it might contain! Best viewed on a PC!

Mounted is a YSWS program where teenagers, new to VR or VR enthusiasts, build anything related to VR no matter the kind of project - with or without a VR headset already.

This project uses AI

Used GitHub Copilot for minor troubleshooting and boilerplate code to speed up development; you’re only supposed to spend 3 paid hours, and any more is unpaid lmao.

Demo Repository

Loading README...

Maya

Shipped this project!

I built a demo for a YSWS concept I came up with called Mounted, as part of the Hack Club Gap Year application (round 2). This is just a demo of what the actual YSWS could look like and obviously includes lots of placeholders/hardcoded content, but it should give a good idea of what it might contain if it were to run.

The UI is very inspired by the Apple Vision Pro and similar headsets in the VR/XR field. I built what the dashboard, projects, explore, and shop pages could look like. I also came up with a system on how “devlogs” could be reviewed where commits (or lapses) are your devlogs, with you being able to comment on individual or group up commits/timestamps (on lapses) to add additional information on what you did during it (which you can “test out” yourself by going to an owned project like project 1, pressing “Edit Project”, and putting any GitHub repo).

Maya

okay fine, mobile support

before i get onto the features, i’m so excited to say i got into the final round interview thanks to this YSWS, which is early in May. very scary because we’re meeting cool people like Zach (founder of HC), Max, and Deven, but anyways!

this is the final devlog containing the few things left to make it ready for shipping, including proper mobile support which makes the sidebar a drawer instead - though please view the site on PC for the best experience! for the other small things, i’ve optimized the images so they are much smaller, added pfps to the comments (and sidebar), added a new section to the dashboard that explains the purpose of this demo site, and added orpheus holding the hack club flag to the sidebar <3

Attachment
Attachment
Attachment
0
Maya

very real projects here

pretty much almost done with the entire thing! as of last night i finally submitted all the things needed for the HC Gap Year submission and will now wait for the results!!

i completed the projects and explore page now, allowing you to see the mock data i made at the beginning now :3. you can view individual projects for more details, and on projects “you own” (Maya) you can “edit” the project to see a little demo of commenting on (groups of) commits / timestamps on timelapses. You can actually put in any repo to see how it’d look like on others as well, though the comments and grouping are hardcoded and randomized of course.

for the few smaller things: i updated the bg image, adding a little “parallax” effect when moving the cursor around, randomized the timestamps for the comments, added some info at the bottom of the sidebar, and deployed it live to netlify (since i had some issues deploying a node server on my own VPS - i need set everything up again lmao)

this isn’t ready yet for shipping since I need to get it looking decent on mobile (otherwise my ratings will plummet lmao), probably add a bit more explanation to stuff to describe stuff since a lot are placeholders, have a real README, and probably link to my YSWS one pager :3

(mandatory text for gap year submissions - ignore)
3 of these hours were done for the gap year interview processes

0
Maya

look at all those items that may not be 404’d!

Still spending too much time on this but after this I’m gonna focus on the actual important stuff of that logging (e.g. commit) commenting & grouping for projects probably! This devlog I added the shop page which shows a list of some of the items that could be in the event, with an image, name, price, and a small funny little blurb. This is very inexhaustive and the prices aren’t final either, this is just to show the kind of stuff that could be in the event.

I also added a funny little error page that shows the status code. For the actually incomplete pages (help & settings), I added additional text to state that lol. The sidebar now dynamically updates depending on the number of projects “submitted” for you and for “total projects” in the event. Finally the dashboard’s featured items cards was updated to match the shop page’s cards with their blurbs.

0
Maya

Dashboard things

Wow, I am spending a lot more hours on this than I should be lol. You’re supposed to spend up to 3 hours (paid) for this, but I already almost reached the 3h in the beginning and went over the limit in this devlog lmao. You can spend more time on this, but I think I’m doing a bit too much lol.

Anyways, this devlog I created the basic structure for the pages to be shown, changed the font, fixed up navigation a bit, and laid out what the dashboard page could be: getting started, featured items, links, and “another section” x3. I’m not going to add stuff to, or at least complete, all pages because I need to get this done quickly; it’s supposed to be a quick draft but I’m overdoing everything. I also got exams soon near the same dates as the submission is due wahhh!

0
Maya

Mounted, your VR YSWS!

I got into the second round for the 2026 Gap Year applications for Hack Club, where you have to create a YSWS concept that you could run. One of the requirements is to create something that shows off your skills, so I am going to be creating a VERY rough mockup of the UI that might be seen in the event.

This is difficult for me because I am not a designer at all, just the implementer, so the design is VERY “inspired” by the Apple Vision Pro glassmorphism UI (and I want to take inspiration from the new Quest Horizon UI as well). So far, I have recreated a basic layout for what you might see when logged in - a very AVP UI with the sidebar showing the different pages you will go to. I also created mock database data that will be used to show off the projects in the “Explore” page.

The background is actually taken from the real image of the 3D scanned Hack Club HQ from a few days ago, but I wanna find a darker BG for accessibility reasons - would be cool for it to be HC-related.

Attachment
0