Ship #3

@Venkatesh on y-lead-website · 10 days ago

LIVE AT: https://y-lead-2026.vercel.app/

I made a website for one of my school's events called Y.LEAD which is a 4 day leadership camp for my juniors. As part of the organising committee, I took the opportunity to create a nice website for both participants and facilitators to access information like the days schedule, certain activity materials, photos taken during the event, event teasers/storyline videos etc...

When designing the website, I aimed it to be user centric by follow conventional navigation and UX. Additionally, I came up with a palette and then started creating the different pages of the website trying to make everything feel fresh and aesthetically pleasing. Some elements following this philosophy:
- animated timeline graphic instead of a google sheet, todo list or calendar component
- depth effect with animations in the landing page
- ability to search cheers for participants during the event
- animated hero for theme page
- embeds instead of plain links to the external resources
- glowing effect behind images

some challenges I faced was ensuring the website was responsive on practically any screen size. I specially made a vertical poster for the landing page just for mobile and different layouts for mobile and larger screens.

Additionally, another challenge was slow loading speeds for images, that would ruin the landing page especially when I first started out, luckily the fix was quite straightforward. I converted all the images to avif format and set it to a lower quality on low res screen as there wont be a big visible difference, reserving a max res of 2k for larger screens like 1440p.

All in all, I would say this is one of the projects in which i had the most fun building, I got to learn even more about responsive web design, UX, performance optimisation and even got to experience how it's like to program a website with tight deadlines and an actual production target.

Even though theres only 14 hours logged on stardance, I have spent around 40-50 hours painstakingly coding most of this website by myself, AI was mostly sparingly only for debugging and refactoring some parts of the code or generating boilerplate.

With that I have finally finished this project start to end!

1 devlog
4h
12.85x multiplier
52 Stardust

Try project → See source code →

Open comments for this post

@Venkatesh on y-lead-website · 15 days ago

4h 2m 6s logged

final devlog:
added a resources page where all the videos, worksheets and documents can be accessed from. items are all embeds instead of plain lists of links to boost interaction.
The resources use a bit of a bento grid with the most important one taking a full width size and the rest half width with padding.

All content has been added finally, all animations intact, the embeds have a custom bg glow based on the initial embed content.

the embed may be slow to load on mobile, which i will fix in a future update if ever needed as i will be moving to focus on other projects.

Ship #2

@Venkatesh on y-lead-website · 20 days ago

Bug fixes, extra features and even more content and redirects for participants to use.

1 devlog
8h
5.61x multiplier
44 Stardust

Try project → See source code →

Open comments for this post

@Venkatesh on y-lead-website · 23 days ago

7h 48m 44s logged

Bug fixes extra features and even more content and redirects for participants to use:

fixed padding inconsistencies on mobile
changed content and info about panelists to be more accurate
changed formatting of bios
added in more info on locations of learning journeys
added in a better text hiearchy for the blocks of text
added glowing images for most uses

Ship #1

@Venkatesh on y-lead-website · 27 days ago

I made a website for one of my school's events called Y.LEAD. The website serves as a common platform for participants and facilitators to access information like timeline, the different events, participant documents (soon to be added), overview, credit for people involved

2 devlogs
2h
11.90x multiplier
24 Stardust

Try project → See source code →

Open comments for this post

@Venkatesh on y-lead-website · 27 days ago

1h 31m 41s logged

https://y-lead-2026.vercel.app/

page for organising committee credits and acknowledgements. Can now be accessed via a button that redirected to /about/organising-committee. /about may be used for other stuff like this as well like certain event details and etc… Current at /about/organising-committee there ar pictures of each comm and they’re heads and members, the images are all have been converted into avif for faster loading times

Open comments for this post

@Venkatesh on y-lead-website · 28 days ago

28m 34s logged

https://y-lead-2026.vercel.app/

I’ve been working on a website for a local school event. Written in TSX using the Next JS framework. This devlog includes only the bug and UI inconsistency fixes for the theme and about pages.