[GSoC 2026] Introduction - Ashu Verma - Plugin Modernizer Stats Visualization

Contributing GSoC
1

Hi everyone,

I’m Ashu Verma, a B.Tech student. I’m really interested in the Plugin Modernizer Stats Visualization project.

My background is in HTML, CSS, and JavaScript, and I’m also a UI/UX designer using Figma. I’ve built a Spotify redesign and a weather dashboard where I focused on taking data and making it visually clear and responsive.

I’m currently learning React and I’d love to apply my design and JS skills to build a modern, high-quality dashboard for Jenkins. I think my experience in Figma could be really useful for prototyping the “Modernization Scoreboard” before we code it.

Questions for @valen_delaye @krisstern:

  • Would you be open to seeing some Figma mockups of how I envision the dashboard looking?

  • Is there a specific dataset (JSON) I can look at to understand what metrics we are visualizing?

Excited to get started!

Best,

Ashu Verma

Text

2

Hi @valen_delaye and @krisstern,

I’ve been diving deeper into the metadata-plugin-modernizer repository to understand the data structure. To visualize how we could present these metrics, I’ve put together a preliminary high-fidelity mockup in Figma.

Screenshot 2026-03-18 at 12.24.24 PM
Screenshot 2026-03-18 at 12.24.24 PM2940×1620 377 KB

In this design, I’ve focused on:

  • Mapping real metadata: Directly showing ‘Code Impact’ (additions/deletions) and ‘Migration Status’ from the JSON reports.

  • UX for Admins: A global summary header to track overall modernization progress across the ecosystem.

  • Developer Experience: A ‘Data Preview’ feature so users can see the underlying source of the visualization.

I’m currently setting up a Vite + React environment to start prototyping these components. I’d love to get your feedback on this UI direction!

3

Quick update for the mentors @valen_delaye and @krisstern! :rocket:

I’ve officially moved from Figma to development. I’ve initialized a Vite + React environment and integrated Tailwind CSS v4 to build out the core components of the dashboard.

Screenshot 2026-03-18 at 1.07.58 PM
Screenshot 2026-03-18 at 1.07.58 PM2940×1912 219 KB

In this prototype, I’ve mapped the UI components to the data structure of the plugin-modernizer JSON reports. My next focus is implementing dynamic data fetching to automate these metrics.

I’d love to hear your thoughts on this UI direction as I begin the technical proposal!

4

Just a quick follow-up!

For anyone who wants to take a look under the hood, I’ve pushed the initial React + Tailwind source code to GitHub here: GitHub - ashuverma25/jenkins-modernizer-dashboard: A high-fidelity React + Tailwind CSS v4 prototype for the Jenkins Plugin Modernizer Stats Visualization dashboard (GSoC 2026). · GitHub

Currently, the components are dynamically rendering from a mock JSON structure based on the aggregated_migrations.json format. I’m looking forward to any early feedback on the codebase!