yangshun/front-end-interview-handbook

This system is a static documentation website built with Docusaurus, serving as a handbook for frontend engineering interviews. It provides structured content covering coding problems, system design, and trivia, alongside resources for specific companies. The platform is actively monetized through integrated third-party advertisements and referral tracking, while also hosting user testimonials and a blog.

7 changes.

The project focused on modernizing the website infrastructure by migrating to Docusaurus 3.1.1 and pnpm, while redesigning the homepage and navigation to highlight company-specific interview content and user testimonials. Concurrently, legacy demo applications and utility algorithm scripts were removed to streamline the codebase.

6 changes.

The project migrated its website to a new domain and restructured URLs, while introducing a comprehensive monetization strategy through animated sidebar ads, mobile sidebar ads, and ad slots in the table of contents. Documentation layouts were redesigned to support these changes, and pre-commit tooling was updated to align with the Vite-Plus CLI.

A new SidebarAd component has been added to the website, displaying rotating gradient-bordered promotional banners for third-party services (FAANG Tech Leads and GreatFrontEnd) in the sidebar. The component uses Docusaurus's BrowserOnly wrapper to prevent server-side rendering mismatches and dynamically selects the appropriate ad based on the current page path (e.g., showing the resume-focused ad on resume pages). Clicks on these ads are tracked via Google Analytics (gtag) events to measure referral performance.

website/src/components · high confidence

The website now includes a dedicated data file for success stories, featuring testimonials from engineers at companies like Facebook, Robinhood, and Stripe. This addition allows the site to showcase real-world outcomes and user experiences, providing visitors with social proof and inspiration from professionals who have used the handbook to secure offers at major tech firms.

website/src/data · high confidence

The \utilities\ directory has been cleared of all algorithmic helper scripts. This change removes implementations for binary search, graph operations (topological sort, DFS, Dijkstra), string processing (Rabin-Karp, subsequence checking, anagram mapping), and tree/trie data structures (equality, mirroring, traversal, and regex search) in both JavaScript and Python.

utilities · high confidence

Deleted the standalone demo applications and associated documentation for the async-loading, pagination-sorting, and tic-tac-toe examples, along with reference guides for databases, networking, security, snake game design, and software engineering concepts. These files are no longer part of the domain area.

domain · high confidence

The pre-commit hook in the .vite-hooks directory has been updated to use the Vite-Plus (vp) command-line interface. Instead of previous tooling, the hook now executes 'vp staged' to handle staged file checks, aligning the repository's commit-time validation with the new Vite-Plus workspace setup.

.vite-hooks · high confidence

The Table of Contents (TOC) sidebar on documentation pages has been replaced with a custom implementation. This new component features a sticky layout that remains visible while scrolling, includes a dedicated slot for a sidebar advertisement, and is hidden on screens narrower than 996px to improve mobile readability.

website/src/theme/TOC · high confidence

The website now uses the Inter variable font for all text and applies a pink primary color on light backgrounds and yellow on dark backgrounds. Headings have been resized for better readability on mobile and desktop, the footer padding and link alignment have been adjusted, and the announcement bar now uses the primary theme color. External links are marked with an arrow icon, and social media icons in the navbar are styled with rounded borders.

website/src/css · high confidence

The mobile view of the documentation sidebar has been updated to include a dedicated advertisement component. When users open the sidebar on mobile devices, they will now see a 'SidebarAd' rendered below the navigation items, introducing a new monetization element to the mobile browsing experience.

website/src/theme/DocSidebar · high confidence

The website now features a redesigned homepage that includes dedicated sections for sponsors GreatFrontEnd and FAANG Tech Leads, complete with referral tracking via Google Analytics (gtag) and secure external links (rel="noopener"). The layout utilizes Docusaurus theme components and custom CSS modules to display hero content, feature highlights, tweets, and success stories, replacing the previous static structure.

website/src/pages · high confidence

The documentation pages now feature a new layout structure that includes a synthetic title header when no H1 is present in the content, and a dedicated GitHub Stars widget is displayed above the main text. The layout also introduces horizontal padding for better readability on larger screens and restricts the main content column to a maximum width of 75% on desktop, while the table of contents is now conditionally rendered based on visibility settings and viewport size.

website/src/theme/DocItem · high confidence

The website has moved to the new domain frontendinterviewhandbook.com, as indicated by the new CNAME file. To support this transition and improve navigation, a set of Cloudflare redirects has been added to map legacy paths (such as /algorithms, /utility-function, and /build-user-interfaces) to their new locations under /coding/ and /trivia/. Additionally, an ads.txt file has been added to authorize Google ads on the new domain.

website/static · high confidence

The website's content organization has been updated to improve discoverability. The sidebar now features dedicated sections for Coding, Quiz/trivia, and System design interviews, alongside a new 'Interview questions' category that lists individual pages for specific companies (such as Google, Meta, Amazon, and others). The navigation bar has also been updated to include links to a Blog and a Discord channel, and the footer has been reorganized to reflect these new content areas.

website · high confidence

The website documentation site has been upgraded from Docusaurus 2.x to version 3.1.1, which may involve breaking changes in configuration or component APIs. Additionally, the root project has migrated its package manager to pnpm (version 10.28.1) and adopted the 'vite-plus' tooling catalog, replacing previous dependency management and build setups.

(dependencies) · high confidence

Written by watchdog.canine.dev from the codebase's own history, inside the signed delivery this page is composed from.

• CAI 48 → 51 (+3.1)
• Rubric changed (rubric-2026.09.11 → rubric-2026.09.18) — scores are not directly comparable.

• Code Health 95 → 95 (+0.0)
• Architecture 69 → 69 (+0.0)
• Maturity 65 → 65 (+0.0)
• Readiness 33 → 33 (+0.0)
• Security 53 → 65 (+11.7)

• Documentation: no installation or build instructions (README.md)
• Medium CVE: [GHSA redacted] (pnpm-lock.yaml)

• High CVE: [GHSA redacted] (pnpm-lock.yaml)
• High CVE: [GHSA redacted] (pnpm-lock.yaml)

Written by watchdog.canine.dev from the codebase's own history, inside the signed delivery this page is composed from.

yangshun/front-end-interview-handbook was measured the same way every project in this corpus was: the same rubric, at a pinned commit, with the result published in full. Point a surveyor at a repository you know and see whether you agree with it.