2024 US Elections with NPR
Timeline: Sep 2024 - Nov 2024 | Visit link
Description: In 2024, I was part of a small team that coded the NPR 2024 elections. The infrastructure of the page was adapted from its 2020 version; however, there was a large re-write to move away from React.js to web components, as it allowed us to prioritize things such as SEO search.
Technical summary:
Uses web components
Received about 10m views over a week-long period
Refactoring the React.js components
I was brought on as a temporary graphics developer, and my primary mission was to help build the 2024 election result pages.
The main goals of the 2024 election pages was to:
keep brand and reliability of the 2020 elections
move away from the single-page app nature of the page, as it was not giving enough value on SEO front
document the components for further refactoring
My team and I decided to go with web components, as it was used during the 2024 primary elections; it was easier for me to adapt.
The github of the whole ordeal can be found here. We used a github board to track issues and had frequency comits and check-ins.
Creating embeds for other newsrooms
NPR is a public utility and often shares resources with other news stations across the country. The election result embeds counted as part of these ‘resources’, so the team made sure to build a way for other news stations to get specific embeds for their contexts.
The team stored all of our result components on internal servers, and the customizer worked by fetching those components and inserting them wherever the embed code was placed.
This work involved solving the bugs some member stations were having, and all of our design and development considerations had to factor in this additional need.
