ChromeStatus Frontend Modernization and Protocol Re-Architecture
- Mentors
- Jason Robbins, Kyle
- Organization
- Chromium
- Technologies
- python, javascript, django, html, flask, css, Web Component, Lit
- Topics
- web, browser
ChromeStatus.com is a website that allows web developers to track all the features in the Chrome browser, including the deprecated, current, and upcoming features. It also provides editing pages and guidelines for feature developers to enter and view the process of their features. The app currently has a traditional multi-page application design in which each URL corresponds to a HTML file, and almost every click in the site triggers a loading of the new page.
The goal of this project is to upgrade the website into a single-page application for better user experience. This requires the use of web components for client-side rendering and state management. All the current HTML templates would be converted into the Lit components and managed by a new top-level component, which would also have a router to manage the routing of the whole app. In addition, parts of the server code that return HTML elements upon API requests would have to be redesigned. This project will make the codebase of the app much more maintainable and scalable, and allow for a more fluent user experience on ChromeStatus.com.