Forem: Navin Kumar R

The Climb — Building the Path Forward | WeCoded 2026 Submission

Navin Kumar R — Wed, 25 Mar 2026 16:07:32 +0000

This is a submission for the 2026 WeCoded Challenge: Frontend Art

Show us your Art

🔗 Live Demo: https://navin1-11-04.github.io/Climb/
💻 GitHub Repo: https://github.com/Navin1-11-04/Climb.git

Inspiration

“The Climb” is inspired by the idea that progress in technology isn’t sudden — it is layered, built, and carried forward.

We often talk about barriers like the glass ceiling, but I wanted to explore a different perspective:

What if the real story is about the staircase that was quietly built — step by step — by women whose contributions shaped modern computing?

Each step represents pioneers like Ada Lovelace, Grace Hopper, and Katherine Johnson — whose work forms the foundation of the systems we use today.

The central figure doesn’t wait for permission or break through walls.

She climbs — and the path builds itself beneath her.

Concept

A glowing figure ascends a staircase that builds itself in real time.

Each step carries the name of a woman in tech.

The environment transitions from darkness to light, symbolizing progress.

A spark in her hand represents creation and persistence.

A trail of light shows the impact left behind.

The staircase never ends — because the journey is still ongoing.

How it’s Built

Pure HTML5 Canvas
Vanilla JavaScript (no libraries)

Procedural animations including:

particles
aurora waves
nebula effects
shooting stars

Interactive hover tooltips for each pioneer

Fully responsive design

Why this matters

Women hold only about 26% of computing jobs
They are 3× more likely to leave tech by mid-career
The gender gap costs over $1 trillion globally

This piece is both a tribute and a reminder — progress exists, but it is not complete.

My Code

👉 https://github.com/Navin1-11-04/Climb.git

Final Thought

“The staircase is never finished.”

Because someone is always climbing —

and someone is always building the next step.

💡 Drop your craziest, simplest web app idea

Navin Kumar R — Thu, 18 Sep 2025 04:44:15 +0000

Hey folks 👋

I want to make a tiny, playful webapp — something super simple, funny, or surprising that people would instantly want to try and share.

Here’s the twist: instead of me coming up with the idea, I want to hear your wild suggestions.

👉 Drop your craziest, simplest web app idea in the comments.

👉 I’ll pick one (or more) and actually try to build it.

Think of it as a fun mini hackathon powered by your creativity. Let’s see how weird we can get 🚀

Old-School Office, Modern CSS: My Axero Challenge Submission

Navin Kumar R — Fri, 25 Jul 2025 06:35:35 +0000

Frontend Challenge CSS Art Submission

Navin Kumar R

Jul 25 '25

Interactive Retro Office Desk

#frontendchallenge #devchallenge #css

Comments 2

1 min read

Interactive Retro Office Desk

Navin Kumar R — Fri, 25 Jul 2025 06:26:17 +0000

This is a submission for Frontend Challenge: Office Edition sponsored by Axero, CSS Art: Office Culture.

Inspiration

For this challenge, I wanted to recreate the nostalgic charm of an old-school office setup with a modern twist — a cozy wooden desk, a classic black typewriter, a steaming coffee mug, and a memo fluttering on the wall. All brought to life using just HTML and CSS

The goal: show how far CSS art and animation can go in crafting immersive digital environments!

Demo

Live Demo on GitHub Pages

View Source on GitHub

Journey

This project was a fun exploration of CSS capabilities — from @keyframes and transforms to shadows and gradients. I limited myself to HTML and CSS only to stay true to the challenge theme and push the boundaries of what static frontend code can do.

Things I learned / experimented with:
Crafting realistic textures using CSS gradients

Building animated elements with just ::before, ::after, and keyframes

Layering and depth using shadows and z-index for a more immersive look

How minimal structure and styles can tell a story visually

What I’d add next:

A wall clock with ticking animation
A task list or calendar popup
Office lamp with flickering light

Thanks for checking it out — and huge thanks to Axero + DEV for this fun creative challenge!

Built with ❤️ by @navin_kumar_r