Retool Jenkins.io Contributor Spotlight website

Project goal: Migrate and redesign the Jenkins.io Contributor Spotlight website using Vite.js and React.js to enhance user experience and modernize the tech stack.

Skills to study/improve: UI/UX, JavaScript/TypeScript, Vite.js and React.js, Documentation, Material UI

NOTE: This idea is published as a draft under active discussion, but it is confirmed in principle. It is FINE to apply to it. The scope and the suggested implementation may change significantly before the final version is published. Sections like quickstart guide and newbie-friendly issues may be also missing. As a contributor, you are welcome to request additional information and to join the discussions using channels linked on this page.

Details

Background

The current jenkins.io "Contributor Spotlight" feature at https://contributors.jenkins.io/ is in need of a retool to keep it looking sharp and relevant due to its using Gatsby.js as the current framework, which is no longer being actively maintained. The project at https://contributors.jenkins.io/ This project is also in need of modernization tech-stack wise, as we will need to migrate from Gatsby.js to Vite.js and React.js as well as upgrade the versions of most of the dependencies re-used.

Skills to Study and Improve

  • UI/UX

  • JavaScript/TypeScript

  • Vite.js and React.js

  • Documentation

  • Material UI

Project Size

175 hours

Project Difficulty Level

Beginner to Intermediate

Expected Outcomes

  • Migrate the current Gatsby.js based Contributor Spotlight website to Vite.js and React.js

  • Modernize the tech stack including upgrading React and other dependencies to their latest versions

  • Redesign the UI/UX of the Contributor Spotlight website including but not limited to:

    • The landing page

    • The spotlight profile page

  • Improve accessibility and responsiveness of the website

  • Optimize performance and loading times of the website

  • Document the development and migration process for future reference

  • Ensure seamless integration with the existing Jenkins.io ecosystem

  • Engage with the Jenkins community to gather feedback and iterate on the design and functionality of the website

  • Deliver a fully functional and visually appealing Contributor Spotlight website that enhances the visibility of Jenkins contributors and their stories

  • Contribute to the Jenkins documentation by providing guides on how to maintain and update the new Contributor Spotlight website

  • Collaborate with the Jenkins documentation team to ensure consistency in design and user experience across Jenkins.io

  • Participate in community discussions and share insights gained during the project to foster a collaborative learning environment within the Jenkins community

Quickstart

To get started:

  1. Familiarize Yourself with Contributor Spotlight Development: Review the Contributor Spotlight README.adoc.

  2. Explore Vite.js and React.js: Investigate the official documentation and tutorials for Vite.js and React.js to understand their features and capabilities.

  3. Understand Existing Website Implementations: Study existing websites built with Vite.js and React.js to gather insights into design and functionality.

  4. Engage with the Jenkins Documentation Team: Connect with the Jenkins documentation team to understand the requirements and expectations for the Contributor Spotlight website.

  5. Set Up Development Environment: Prepare your local development environment with the necessary tools and dependencies to start working on the project.

  6. Join Community Discussions: Participate in the Jenkins Gitter channel gsoc-sig to stay updated and seek guidance from mentors and community members.

  7. Plan the Migration and Redesign: Outline a plan for migrating the existing website to Vite.js and React.js, including timelines and milestones for redesigning the UI/UX.

Expected Outcomes

Details to be clarified interactively, together with the mentors, during the Contributor Application drafting phase.

Potential Mentors

Project Links

Organization Links

> Go back to other GSoC 2026 project ideas