Project goal: To revamp jenkins.io website's Success Stories feature to update both tooling and UI/UX experience with new design
Skills to study/improve: Website development, UI/UX design, Geospatial data visualization, Gatsby.js and React.js
The current jenkins.io "Success Stories" feature at https://stories.jenkins.io/ is in need of a retool to keep it looking sharp and relevant. The project at https://github.com/jenkins-infra/stories/ is in need of modernization tech-stack wise, as we will need to upgrade the React version used to the latest possible as well as upgrade the versions of most of the dependencies used. Besides, we will need to redesign the layout of its UI/UX including but not limited to the landing page, the story page, the map, etc.
Moreover, the workflow for users to submit new stories may need to be redesigned and reimplemented, given the context of the Infra Helpdesk issue at https://github.com/jenkins-infra/helpdesk/issues/4392/.
Modernize the tech stack including upgrading React and other dependencies to their latest versions
Redesign the UI/UX of the Success Stories website including but not limited to:
The landing page
The story page
The geospatial map visualization of story locations
Redesign and reimplement the story submission workflow for users to submit new stories more easily
Improve accessibility and responsiveness of the website
Optimize performance and loading times of the website
Website development
UI/UX design
Geospatial data visualization
Vite.js and React.js
Details to be clarified interactively, together with the mentors, during the Contributor Application drafting phase.