misc: change referral URL

contents/algorithms.md

@@ -6,7 +6,7 @@ sidebar_label: Algorithms coding
 
 :::info We are now part of GreatFrontEnd!
 
-Front End Interview Handbook is now part of [GreatFrontEnd](https://www.greatfrontend.com?fpr=yangshun)! We are working to migrate the content over and you may find the latest version of this page on [GreatFrontEnd](https://www.greatfrontend.com/front-end-interview-guidebook/algorithms?fpr=yangshun).
+Front End Interview Handbook is now part of [GreatFrontEnd](https://www.greatfrontend.com?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook)! We are working to migrate the content over and you may find the latest version of this page on [GreatFrontEnd](https://www.greatfrontend.com/front-end-interview-guidebook/algorithms?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook).
 
 :::
 
@@ -22,7 +22,7 @@ The [Tech Interview Handbook](https://www.techinterviewhandbook.org/algorithms/s
 
 ### GreatFrontEnd
 
-[GreatFrontEnd](https://www.greatfrontend.com?fpr=yangshun) provides **free** questions for you to practice implementing [Data Structures and Algorithms](https://www.greatfrontend.com/questions/js/coding/data-structures-algorithms?fpr=yangshun) in JavaScript. You can practice implementing common data structures (e.g. [Stacks](https://www.greatfrontend.com/questions/javascript/stack?fpr=yangshun), [Queues](https://www.greatfrontend.com/questions/javascript/queue?fpr=yangshun)) and algorithms (e.g. [Binary Search](https://www.greatfrontend.com/questions/javascript/binary-search?fpr=yangshun), [Merge Sort](https://www.greatfrontend.com/questions/javascript/merge-sort?fpr=yangshun)). [**Check it out →**](https://www.greatfrontend.com/questions/js/coding/data-structures-algorithms?fpr=yangshun)
+[GreatFrontEnd](https://www.greatfrontend.com?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) provides **free** questions for you to practice implementing [Data Structures and Algorithms](https://www.greatfrontend.com/questions/js/coding/data-structures-algorithms?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) in JavaScript. You can practice implementing common data structures (e.g. [Stacks](https://www.greatfrontend.com/questions/javascript/stack?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook), [Queues](https://www.greatfrontend.com/questions/javascript/queue?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook)) and algorithms (e.g. [Binary Search](https://www.greatfrontend.com/questions/javascript/binary-search?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook), [Merge Sort](https://www.greatfrontend.com/questions/javascript/merge-sort?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook)). [**Check it out →**](https://www.greatfrontend.com/questions/js/coding/data-structures-algorithms?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook)
 
 ## Algorithm courses
 

contents/behavioral.md

@@ -4,7 +4,7 @@ title: Behavorial interview
 
 :::info We are now part of GreatFrontEnd!
 
-Front End Interview Handbook is now part of [GreatFrontEnd](https://www.greatfrontend.com?fpr=yangshun)! We are working to migrate the content over and you may find the latest version of this page on [GreatFrontEnd](https://www.greatfrontend.com/behavioral-interview-guidebook?fpr=yangshun).
+Front End Interview Handbook is now part of [GreatFrontEnd](https://www.greatfrontend.com?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook)! We are working to migrate the content over and you may find the latest version of this page on [GreatFrontEnd](https://www.greatfrontend.com/behavioral-interview-guidebook?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook).
 
 :::
 
@@ -22,7 +22,7 @@ Behavioral interview rounds focus on a candidate's soft skills - how they work w
 
 _Source: [Preparing for your Onsite Interview at Facebook](https://www.facebook.com/careers/swe-prep-onsite)_
 
-Do check out [GreatFrontEnd](https://www.greatfrontend.com?fpr=yangshun) for its free [Behavioral Interview Guidebook](https://www.greatfrontend.com/behavioral-interview-guidebook?fpr=yangshun) to learn how to approach behavioral interviews as a front end engineer. Find out about evaluation criteria at big tech, efficient strategies to prepare, and top behavioral interview questions.
+Do check out [GreatFrontEnd](https://www.greatfrontend.com?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) for its free [Behavioral Interview Guidebook](https://www.greatfrontend.com/behavioral-interview-guidebook?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) to learn how to approach behavioral interviews as a front end engineer. Find out about evaluation criteria at big tech, efficient strategies to prepare, and top behavioral interview questions.
 
 ## Courses
 

contents/build-front-end-user-interfaces.md

@@ -6,7 +6,7 @@ sidebar_label: User interface coding
 
 :::info We are now part of GreatFrontEnd!
 
-Front End Interview Handbook is now part of [GreatFrontEnd](https://www.greatfrontend.com?fpr=yangshun)! We are working to migrate the content over and you may find the latest version of this page on [GreatFrontEnd](https://www.greatfrontend.com/front-end-interview-guidebook/user-interface?fpr=yangshun).
+Front End Interview Handbook is now part of [GreatFrontEnd](https://www.greatfrontend.com?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook)! We are working to migrate the content over and you may find the latest version of this page on [GreatFrontEnd](https://www.greatfrontend.com/front-end-interview-guidebook/user-interface?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook).
 
 :::
 
@@ -22,26 +22,27 @@ Companies that ask such questions usually ask candidates to code in one of these
 ## Examples
 
 - Components
-  - Tabs — [Practice](https://www.greatfrontend.com/questions/user-interface/tabs?fpr=yangshun) (Paid)
-  - Accordion — [Practice](https://www.greatfrontend.com/questions/user-interface/accordion?fpr=yangshun) (Paid)
+  - Tabs — [Practice](https://www.greatfrontend.com/questions/user-interface/tabs?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Paid)
+  - Accordion — [Practice](https://www.greatfrontend.com/questions/user-interface/accordion?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Paid)
   - Photo Gallery
   - Other possible components - [Refer to Bootstrap's list](https://getbootstrap.com/docs/5.3/components/)
 - Apps
-  - Todo list — [Practice](https://www.greatfrontend.com/questions/user-interface/todo-list?fpr=yangshun) (Free)
+  - Todo list — [Practice](https://www.greatfrontend.com/questions/user-interface/todo-list?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Free)
   - Sortable Data Table (with extensions for filtering)
   - Kanban Board
 - Games
-  - Tic-tac-toe — [Practice](https://www.greatfrontend.com/questions/user-interface/tic-tac-toe?fpr=yangshun) (Paid)
-  - Whack-a-mole — [Practice](https://www.greatfrontend.com/questions/user-interface/whack-a-mole?fpr=yangshun) (Paid)
-  - Wordle — [Practice](https://www.greatfrontend.com/questions/user-interface/wordle?fpr=yangshun) (Paid)
+  - Tic-tac-toe — [Practice](https://www.greatfrontend.com/questions/user-interface/tic-tac-toe?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Paid)
+  - Whack-a-mole — [Practice](https://www.greatfrontend.com/questions/user-interface/whack-a-mole?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Paid)
+  - Wordle — [Practice](https://www.greatfrontend.com/questions/user-interface/wordle?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Paid)
   - Tetris (advanced)
   - Snake (advanced)
 
 ## Where to practice
-- Each of these questions and over 200+ more can be found on [GreatFrontEnd](https://www.greatfrontend.com?fpr=yangshun). 
-  - Each question comes with official solutions in popular frameworks such as React, Angular, Svelte and Vue. 
-  - With live previews, you can practice online directly, simulating a real interview environment with no set-up required. 
-- [Start practicing immediately](https://www.greatfrontend.com/questions?fpr=yangshun)
+
+- Each of these questions and over 200+ more can be found on [GreatFrontEnd](https://www.greatfrontend.com?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook).
+  - Each question comes with official solutions in popular frameworks such as React, Angular, Svelte and Vue.
+  - With live previews, you can practice online directly, simulating a real interview environment with no set-up required.
+- [Start practicing immediately](https://www.greatfrontend.com/questions?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook)
 
 ## Considerations
 

contents/companies/airbnb-front-end-interview-questions.md

@@ -5,7 +5,7 @@ sidebar_label: Airbnb interview questions
 
 :::info We are now part of GreatFrontEnd!
 
-Front End Interview Handbook is now part of [GreatFrontEnd](https://www.greatfrontend.com?fpr=yangshun)! We are working to migrate the content over and you may find the latest version of this page on [GreatFrontEnd](https://www.greatfrontend.com/prepare?fpr=yangshun).
+Front End Interview Handbook is now part of [GreatFrontEnd](https://www.greatfrontend.com?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook)! We are working to migrate the content over and you may find the latest version of this page on [GreatFrontEnd](https://www.greatfrontend.com/prepare?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook).
 
 :::
 
@@ -17,9 +17,9 @@ Front End Interview Handbook is now part of [GreatFrontEnd](https://www.greatfro
 ## User interface coding
 
 - Given an input and an endpoint which returns a JSON list, as a result, extend it to autocomplete on change, handle key navigation through the results.
-  - [Read answer](https://www.greatfrontend.com/questions/system-design/autocomplete?fpr=yangshun) (Free)
+  - [Read answer](https://www.greatfrontend.com/questions/system-design/autocomplete?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Free)
 - Given a star widget embedded in a form write the code to select the stars and submit the correct value through a normal form action. Make reusable for multiple star widgets.
-  - [Practice question](https://www.greatfrontend.com/questions/user-interface/star-rating?fpr=yangshun) (Free)
+  - [Practice question](https://www.greatfrontend.com/questions/user-interface/star-rating?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Free)
 
 _Source: [Glassdoor Airbnb Front End Engineer Interview Questions](https://www.glassdoor.sg/Interview/Airbnb-Front-End-Engineer-Interview-Questions-EI_IE391850.0,6_KO7,25.htm)_
 

contents/companies/amazon-front-end-interview-questions.md

@@ -5,7 +5,7 @@ sidebar_label: Amazon interview questions
 
 :::info We are now part of GreatFrontEnd!
 
-Front End Interview Handbook is now part of [GreatFrontEnd](https://www.greatfrontend.com?fpr=yangshun)! We are working to migrate the content over and you may find the latest version of this page on [GreatFrontEnd](https://www.greatfrontend.com/prepare?fpr=yangshun).
+Front End Interview Handbook is now part of [GreatFrontEnd](https://www.greatfrontend.com?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook)! We are working to migrate the content over and you may find the latest version of this page on [GreatFrontEnd](https://www.greatfrontend.com/prepare?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook).
 
 :::
 
@@ -13,41 +13,41 @@ Amazon is known to focus a lot on behavioral questions and their Leadership Prin
 
 Refer to Amazon's official interview preparation guides for:
 
-- [Front End Engineers](/companies/amazon.pdf)
+- [Front End Engineers](/guides/amazon-front-end-guide.pdf)
 - [Software Development Engineer](https://amazonsdeinterviewprep.splashthat.com/)
 
 ## Trivia
 
 - What is the CSS box model?
-  - [Read answer](https://www.greatfrontend.com/questions/quiz/explain-your-understanding-of-the-box-model-and-how-you-would-tell-the-browser-in-css-to-render-your-layout-in-different-box-models?fpr=yangshun) (Free)
+  - [Read answer](https://www.greatfrontend.com/questions/quiz/explain-your-understanding-of-the-box-model-and-how-you-would-tell-the-browser-in-css-to-render-your-layout-in-different-box-models?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Free)
 - What is a JavaScript closure?
-  - [Read answer](https://www.greatfrontend.com/questions/quiz/what-is-a-closure-and-how-why-would-you-use-one?fpr=yangshun) (Free)
+  - [Read answer](https://www.greatfrontend.com/questions/quiz/what-is-a-closure-and-how-why-would-you-use-one?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Free)
 - What happens when you type URL into a browser and hit enter?
 
 ## JavaScript
 
 - Implement `Array.prototype` functions like `map`, `reduce`, `filter`, `sort`.
-  - [Practice questions](https://www.greatfrontend.com/questions/js/coding/utilities?fpr=yangshun)
+  - [Practice questions](https://www.greatfrontend.com/questions/js/coding/utilities?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook)
 - Given an object and a filter function, write a function that recursively filters the object, returning only values which return `true` when called with the filter function (like `Array.prototype.filter` but for objects).
 - Implement a function `getElementsByStyle(property, value)` that returns all elements in the DOM that match that style.
   - E.g. `getElementsByStyle("color", "#fff")` will return all elements in the DOM with white text.
-  - [Practice question](https://www.greatfrontend.com/questions/javascript/get-elements-by-class-name?fpr=yangshun) (Paid)
+  - [Practice question](https://www.greatfrontend.com/questions/javascript/get-elements-by-class-name?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Paid)
 - Promisify a function.
 
 ## User interface coding
 
 - Implement a data table from an array of objects using HTML/CSS and JavaScript with searching and sorting.
-  - [Practice question](https://www.greatfrontend.com/questions/javascript/data-selection?fpr=yangshun) (Paid)
+  - [Practice question](https://www.greatfrontend.com/questions/javascript/data-selection?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Paid)
 - Implement Material UI Chips with auto-suggest. When sending an e-mail, auto-suggest people and convert them into a chip with their avatar on the right
 - Implement a Like button. [Source](https://leetcode.com/discuss/interview-question/1719943/Amazon-or-Phone-Screen-or-FEE-L5-or-Like-Button)
-  - [Practice question](https://www.greatfrontend.com/questions/user-interface/like-button?fpr=yangshun) (Paid)
+  - [Practice question](https://www.greatfrontend.com/questions/user-interface/like-button?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Paid)
 - Code a paginated widget of addresses. Imagine you are a seller with a list of address you ship to an need to view them 5 address per page, with the possibility to go previous and next. [Source](<https://leetcode.com/discuss/interview-question/1984996/Amazon-Virtual-Onsite-April-2022-FrontEnd-Engineer-II-(L5)Vancouver-Offer>)
 - Implement a search bar using HTML, CSS and JavaScript.
-  - [Read answer](https://www.greatfrontend.com/questions/system-design/autocomplete?fpr=yangshun) (Free)
+  - [Read answer](https://www.greatfrontend.com/questions/system-design/autocomplete?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Free)
 - Implement a star rating widget.
-  - [Practice question](https://www.greatfrontend.com/questions/user-interface/star-rating?fpr=yangshun) (Free)
+  - [Practice question](https://www.greatfrontend.com/questions/user-interface/star-rating?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Free)
 - Implement tic-tac-toe.
-  - [Practice question](https://www.greatfrontend.com/questions/user-interface/tic-tac-toe?fpr=yangshun) (Paid)
+  - [Practice question](https://www.greatfrontend.com/questions/user-interface/tic-tac-toe?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Paid)
 - Recreate an adaptive layout with flexbox. Ensure accessibility.
 - Implement a chess board with movable pieces.
 - How do you render text on a banner image?
@@ -57,7 +57,7 @@ Refer to Amazon's official interview preparation guides for:
 
 - Design a restaurant listing application where user can make orders and customize their orders by adding additional stuffs like toppings, salads etc. [Source](<https://leetcode.com/discuss/interview-question/1984996/Amazon-Virtual-Onsite-April-2022-FrontEnd-Engineer-II-(L5)Vancouver-Offer>)
 - Design an accordion component.
-  - [Practice question](https://www.greatfrontend.com/questions/user-interface/accordion?fpr=yangshun) (Paid)
+  - [Practice question](https://www.greatfrontend.com/questions/user-interface/accordion?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Paid)
 
 ## Algorithm
 

contents/companies/apple-front-end-interview-questions.md

@@ -5,7 +5,7 @@ sidebar_label: Apple interview questions
 
 :::info We are now part of GreatFrontEnd!
 
-Front End Interview Handbook is now part of [GreatFrontEnd](https://www.greatfrontend.com?fpr=yangshun)! We are working to migrate the content over and you may find the latest version of this page on [GreatFrontEnd](https://www.greatfrontend.com/prepare?fpr=yangshun).
+Front End Interview Handbook is now part of [GreatFrontEnd](https://www.greatfrontend.com?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook)! We are working to migrate the content over and you may find the latest version of this page on [GreatFrontEnd](https://www.greatfrontend.com/prepare?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook).
 
 :::
 
@@ -14,7 +14,7 @@ Not much is known about Apple's front end interview process.
 ## JavaScript
 
 - Implement `Array.prototype` methods (`flat`, `map`, `reduce`, `concat`) by yourself using JavaScript.
-  - [Practice questions](https://www.greatfrontend.com/questions/coding?fpr=yangshun)
+  - [Practice questions](https://www.greatfrontend.com/questions/coding?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook)
 - How can you execute an array of promise in sequence?
 
 ## User interface coding

contents/companies/bytedance-tiktok-front-end-interview-questions.md

@@ -5,7 +5,7 @@ sidebar_label: ByteDance/TikTok interview questions
 
 :::info We are now part of GreatFrontEnd!
 
-Front End Interview Handbook is now part of [GreatFrontEnd](https://www.greatfrontend.com?fpr=yangshun)! We are working to migrate the content over and you may find the latest version of this page on [GreatFrontEnd](https://www.greatfrontend.com/prepare?fpr=yangshun).
+Front End Interview Handbook is now part of [GreatFrontEnd](https://www.greatfrontend.com?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook)! We are working to migrate the content over and you may find the latest version of this page on [GreatFrontEnd](https://www.greatfrontend.com/prepare?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook).
 
 :::
 
@@ -14,19 +14,19 @@ ByteDance/TikTok's front end interview is quite balanced in terms of interview f
 ## JavaScript
 
 - Implement `Promise.all`.
-  - [Practice question](https://www.greatfrontend.com/questions/javascript/promise-all?fpr=yangshun) (Free)
+  - [Practice question](https://www.greatfrontend.com/questions/javascript/promise-all?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Free)
 - Implement a function which extends `Array.prototype`.
-  - [Practice questions](https://www.greatfrontend.com/prepare/coding?fpr=yangshun)
+  - [Practice questions](https://www.greatfrontend.com/prepare/coding?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook)
 
 ## User interface coding
 
 - Implement a dropdown component.
-  - [Read answer](https://www.greatfrontend.com/questions/system-design/dropdown-menu?fpr=yangshun) (Paid)
+  - [Read answer](https://www.greatfrontend.com/questions/system-design/dropdown-menu?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Paid)
 
 ## Trivia
 
 - Difference between `localStorage` and cookies.
-  - [Read answer](https://www.greatfrontend.com/questions/quiz/describe-the-difference-between-a-cookie-sessionstorage-and-localstorage?fpr=yangshun) (Free)
+  - [Read answer](https://www.greatfrontend.com/questions/quiz/describe-the-difference-between-a-cookie-sessionstorage-and-localstorage?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Free)
 
 ## Algorithm
 

contents/companies/dropbox-front-end-interview-questions.md

@@ -5,7 +5,7 @@ sidebar_label: Dropbox interview questions
 
 :::info We are now part of GreatFrontEnd!
 
-Front End Interview Handbook is now part of [GreatFrontEnd](https://www.greatfrontend.com?fpr=yangshun)! We are working to migrate the content over and you may find the latest version of this page on [GreatFrontEnd](https://www.greatfrontend.com/prepare?fpr=yangshun).
+Front End Interview Handbook is now part of [GreatFrontEnd](https://www.greatfrontend.com?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook)! We are working to migrate the content over and you may find the latest version of this page on [GreatFrontEnd](https://www.greatfrontend.com/prepare?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook).
 
 :::
 
@@ -13,18 +13,18 @@ Dropbox focuses on practical questions for their Front End Engineering interview
 
 > Our web developer interviews focus on practical application of HTML/CSS/JS for building web UI. The questions are based on real-world examples rather than raw coding exercises. You will be given a design spec and asked to build the best solution you can that demonstrates your experience and grasp of web development technologies.
 
-Refer to the [full official Dropbox Web Developer Interview Preparation Guide](/companies/dropbox.pdf).
+Refer to the [full official Dropbox Web Developer Interview Preparation Guide](/guides/dropbox-web-developer-guide.pdf).
 
 ## JavaScript
 
 - Implement [`getByClassName()` and `getByClassnameHierarchy()`](https://leetcode.com/discuss/interview-question/427896/Dropbox-or-Phone-Screen-or-Implement-getByClassName-and-getByClassnameHierarchy)
-  - [Practice question](https://www.greatfrontend.com/questions/javascript/get-elements-by-class-name?fpr=yangshun) (Free)
+  - [Practice question](https://www.greatfrontend.com/questions/javascript/get-elements-by-class-name?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Free)
 - OOP-based class management system.
 
 ## User interface coding
 
 - Build an image gallery using JavaScript, HTML, CSS.
-  - [Read answer](https://www.greatfrontend.com/questions/system-design/image-carousel?fpr=yangshun) (Free)
+  - [Read answer](https://www.greatfrontend.com/questions/system-design/image-carousel?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Free)
 - Forming words from mobile keypad.
 - Build a UI that fetches data from a weather API that is matching a design spec.
 - Build a UI that matches a design spec of one of the pages on the Dropbox homepage.

contents/companies/google-front-end-interview-questions.md

@@ -5,7 +5,7 @@ sidebar_label: Google interview questions
 
 :::info We are now part of GreatFrontEnd!
 
-Front End Interview Handbook is now part of [GreatFrontEnd](https://www.greatfrontend.com?fpr=yangshun)! We are working to migrate the content over and you may find the latest version of this page on [GreatFrontEnd](https://www.greatfrontend.com/prepare?fpr=yangshun).
+Front End Interview Handbook is now part of [GreatFrontEnd](https://www.greatfrontend.com?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook)! We are working to migrate the content over and you may find the latest version of this page on [GreatFrontEnd](https://www.greatfrontend.com/prepare?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook).
 
 :::
 
@@ -15,33 +15,33 @@ Since it's Google, candidates can expect to be tested on fundamental Computer Sc
 
 Refer to Google's official interview preparation guides for:
 
-- [Front End or Mobile Software Engineers](/companies/google-front-end.pdf)
-- [Front End/Mobile Software Engineers (Old)](/companies/google-front-end-old.pdf)
-- [Non-technical interviews](/companies/google-non-technical.pdf).
+- [Front End or Mobile Software Engineers](/guides/google-front-end-guide.pdf)
+- [Front End/Mobile Software Engineers (Old)](/guides/google-front-end-guide-old.pdf)
+- [Non-technical interviews](/guides/google-non-technical-guide.pdf)
 
 ## JavaScript
 
 - How do you make a function that takes a callback function `fn` and returns a function that calls `fn` on a timeout?
-  - [Practice question](https://www.greatfrontend.com/questions/javascript/debounce?fpr=yangshun) (Free)
+  - [Practice question](https://www.greatfrontend.com/questions/javascript/debounce?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Free)
 - Implement the outline view for a Google doc.
-  - [Practice question](https://www.greatfrontend.com/questions/javascript/table-of-contents?fpr=yangshun) (Paid)
+  - [Practice question](https://www.greatfrontend.com/questions/javascript/table-of-contents?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Paid)
 - DFS on HTML nodes.
-  - [Practice question](https://www.greatfrontend.com/questions/javascript/get-elements-by-tag-name?fpr=yangshun) (Paid)
+  - [Practice question](https://www.greatfrontend.com/questions/javascript/get-elements-by-tag-name?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Paid)
 - Implement `throttle`.
-  - [Practice question](https://www.greatfrontend.com/questions/javascript/throttle?fpr=yangshun) (Paid)
+  - [Practice question](https://www.greatfrontend.com/questions/javascript/throttle?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Paid)
 - How do you make a function that only calls input function f every 50 milliseconds?
-  - [Practice question](https://www.greatfrontend.com/questions/javascript/throttle?fpr=yangshun) (Paid)
+  - [Practice question](https://www.greatfrontend.com/questions/javascript/throttle?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Paid)
 - Given a timeline write the JavaScript to select all nodes within selection of timeline.
 
 ## User interface coding
 
 - Design a slider component.
 - Design a Tic-Tac-Toe game/design an algorithm for Tic-Tac-Toe game.
-  - [Practice question](https://www.greatfrontend.com/questions/user-interface/tic-tac-toe?fpr=yangshun) (Paid)
+  - [Practice question](https://www.greatfrontend.com/questions/user-interface/tic-tac-toe?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Paid)
 - Implement nested checkboxes (when the parent is checked, children are checked and vice versa. Use `<input type="checkbox">`). Similar to [Indeterminate checkboxes](https://css-tricks.com/indeterminate-checkboxes/).
 - Design a webpage which can auto load new posts when you reach the bottom of the page by using JavaScript. You may use AJAX and JavaScript event listeners.
 - Write a UI using HTML, CSS, JavaScript that allows uses to enter the number of rows and columns in text input fields within a form and renders a table.
-  - [Practice question](https://www.greatfrontend.com/questions/javascript/throttle?fpr=yangshun) (Paid)
+  - [Practice question](https://www.greatfrontend.com/questions/javascript/generate-table?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Paid)
   - Example: Number of rows: 4, Number of columns: 5, "Submit" button. Clicking on the "Submit" button will show the following table (ignore the styling):
 
 | 1   | 8   | 9   | 16  | 17  |
@@ -53,16 +53,16 @@ Refer to Google's official interview preparation guides for:
 ## Trivia
 
 - Explain the CSS Box Model.
-  - [Read answer](https://www.greatfrontend.com/questions/quiz/explain-your-understanding-of-the-box-model-and-how-you-would-tell-the-browser-in-css-to-render-your-layout-in-different-box-models?fpr=yangshun) (Free)
+  - [Read answer](https://www.greatfrontend.com/questions/quiz/explain-your-understanding-of-the-box-model-and-how-you-would-tell-the-browser-in-css-to-render-your-layout-in-different-box-models?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Free)
 - What happens when you type a URL into the browser and hits enter?
 - Given some text on a web page, how many ways can you make the text disappear?
 - How do you send data from a web page to a server without a page refresh?
-  - [Read answer](https://www.greatfrontend.com/questions/quiz/what-are-the-advantages-and-disadvantages-of-using-ajax?fpr=yangshun) (Free)
+  - [Read answer](https://www.greatfrontend.com/questions/quiz/what-are-the-advantages-and-disadvantages-of-using-ajax?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Free)
 
 ## System design
 
 - Design emoji autocomplete.
-  - [Read answer](https://www.greatfrontend.com/questions/system-design/autocomplete?fpr=yangshun) (Free)
+  - [Read answer](https://www.greatfrontend.com/questions/system-design/autocomplete?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Free)
 - Design JS Bin.
 - How would you create a Google Analytics SDK used by webpages?
 

contents/companies/linkedin-front-end-interview-questions.md

@@ -5,14 +5,14 @@ sidebar_label: LinkedIn interview questions
 
 :::info We are now part of GreatFrontEnd!
 
-Front End Interview Handbook is now part of [GreatFrontEnd](https://www.greatfrontend.com?fpr=yangshun)! We are working to migrate the content over and you may find the latest version of this page on [GreatFrontEnd](https://www.greatfrontend.com/prepare?fpr=yangshun).
+Front End Interview Handbook is now part of [GreatFrontEnd](https://www.greatfrontend.com?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook)! We are working to migrate the content over and you may find the latest version of this page on [GreatFrontEnd](https://www.greatfrontend.com/prepare?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook).
 
 :::
 
 ## JavaScript
 
 - Write a `getElementsByClassName` function.
-  - [Practice question](https://www.greatfrontend.com/questions/javascript/get-elements-by-class-name?fpr=yangshun) (Paid)
+  - [Practice question](https://www.greatfrontend.com/questions/javascript/get-elements-by-class-name?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Paid)
 
 ## User interface coding
 
@@ -22,14 +22,14 @@ Front End Interview Handbook is now part of [GreatFrontEnd](https://www.greatfro
 ## Trivia
 
 - Difference between CSS `padding` and `margin`.
-  - [Read answer](https://www.greatfrontend.com/questions/quiz/explain-your-understanding-of-the-box-model-and-how-you-would-tell-the-browser-in-css-to-render-your-layout-in-different-box-models?fpr=yangshun) (Free)
+  - [Read answer](https://www.greatfrontend.com/questions/quiz/explain-your-understanding-of-the-box-model-and-how-you-would-tell-the-browser-in-css-to-render-your-layout-in-different-box-models?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Free)
 - Difference between promise and callback?
 - Difference between event bubbling and capturing?
 - Difference between callback and closure in JavaScript?
 - What are the advantages of using preprocessors? e.g. Sass, Stylus, Less.
-  - [Read answer](https://www.greatfrontend.com/questions/quiz/what-are-the-advantages-disadvantages-of-using-css-preprocessors?fpr=yangshun) (Free)
+  - [Read answer](https://www.greatfrontend.com/questions/quiz/what-are-the-advantages-disadvantages-of-using-css-preprocessors?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Free)
 - What is event delegation?
-  - [Read answer](https://www.greatfrontend.com/questions/quiz/explain-event-delegation?fpr=yangshun) (Free)
+  - [Read answer](https://www.greatfrontend.com/questions/quiz/explain-event-delegation?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Free)
 
 ## Algorithm
 

contents/companies/lyft-front-end-interview-questions.md

@@ -5,19 +5,19 @@ sidebar_label: Lyft interview questions
 
 :::info We are now part of GreatFrontEnd!
 
-Front End Interview Handbook is now part of [GreatFrontEnd](https://www.greatfrontend.com?fpr=yangshun)! We are working to migrate the content over and you may find the latest version of this page on [GreatFrontEnd](https://www.greatfrontend.com/prepare?fpr=yangshun).
+Front End Interview Handbook is now part of [GreatFrontEnd](https://www.greatfrontend.com?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook)! We are working to migrate the content over and you may find the latest version of this page on [GreatFrontEnd](https://www.greatfrontend.com/prepare?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook).
 
 :::
 
 ## JavaScript
 
 - Implement `Promise.all`.
-  - [Practice question](https://www.greatfrontend.com/questions/javascript/promise-all?fpr=yangshun) (Free)
+  - [Practice question](https://www.greatfrontend.com/questions/javascript/promise-all?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Free)
 - Write the logic for minesweeper using vanilla JS.
 
 ## User interface coding
 
 - Implement an autocomplete.
-  - [Read answer](https://www.greatfrontend.com/questions/system-design/autocomplete?fpr=yangshun) (Free)
+  - [Read answer](https://www.greatfrontend.com/questions/system-design/autocomplete?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Free)
 
 _Source: [Glassdoor Lyft Frontend Engineer Interview Questions](https://www.glassdoor.sg/Interview/Lyft-Frontend-Engineer-Interview-Questions-EI_IE700614.0,4_KO5,22.htm)_

contents/companies/microsoft-front-end-interview-questions.md

@@ -5,14 +5,14 @@ sidebar_label: Microsoft interview questions
 
 :::info We are now part of GreatFrontEnd!
 
-Front End Interview Handbook is now part of [GreatFrontEnd](https://www.greatfrontend.com?fpr=yangshun)! We are working to migrate the content over and you may find the latest version of this page on [GreatFrontEnd](https://www.greatfrontend.com/prepare?fpr=yangshun).
+Front End Interview Handbook is now part of [GreatFrontEnd](https://www.greatfrontend.com?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook)! We are working to migrate the content over and you may find the latest version of this page on [GreatFrontEnd](https://www.greatfrontend.com/prepare?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook).
 
 :::
 
 ## JavaScript
 
 - Tic-tac-toe implementation using vanilla JavaScript, HTML and CSS.
-  - [Practice question](https://www.greatfrontend.com/questions/user-interface/tic-tac-toe?fpr=yangshun) (Paid)
+  - [Practice question](https://www.greatfrontend.com/questions/user-interface/tic-tac-toe?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Paid)
 - Create a chat interface like Microsoft teams.
 - Use OOP to implement a Chess game.
 
@@ -24,16 +24,16 @@ Front End Interview Handbook is now part of [GreatFrontEnd](https://www.greatfro
 ## Trivia
 
 - What is a prototype?
-  - [Read answer](https://www.greatfrontend.com/questions/quiz/explain-how-prototypal-inheritance-works?fpr=yangshun) (Free)
+  - [Read answer](https://www.greatfrontend.com/questions/quiz/explain-how-prototypal-inheritance-works?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Free)
 - What is a closure?
-  - [Read answer](https://www.greatfrontend.com/questions/quiz/what-is-a-closure-and-how-why-would-you-use-one?fpr=yangshun) (Free)
+  - [Read answer](https://www.greatfrontend.com/questions/quiz/what-is-a-closure-and-how-why-would-you-use-one?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Free)
 - What is the difference between `let`, `const`, and `var`?
-  - [Read answer](https://www.greatfrontend.com/questions/quiz/what-are-the-differences-between-variables-created-using-let-var-or-const?fpr=yangshun) (Free)
+  - [Read answer](https://www.greatfrontend.com/questions/quiz/what-are-the-differences-between-variables-created-using-let-var-or-const?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Free)
 - What is DOM?
 
 ## System Design
 
 - Design an email client like Microsoft Outlook.
-  - [Read answer](https://www.greatfrontend.com/questions/system-design/email-client-outlook?fpr=yangshun) (Paid)
+  - [Read answer](https://www.greatfrontend.com/questions/system-design/email-client-outlook?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Paid)
 
 _Source: [Glassdoor Microsoft Front End Developer Interview Questions](https://www.glassdoor.sg/Interview/Microsoft-Front-End-Developer-Interview-Questions-EI_IE1651.0,9_KO10,29.htm)_

contents/companies/salesforce-front-end-interview-questions.md

@@ -5,7 +5,7 @@ sidebar_label: Salesforce interview questions
 
 :::info We are now part of GreatFrontEnd!
 
-Front End Interview Handbook is now part of [GreatFrontEnd](https://www.greatfrontend.com?fpr=yangshun)! We are working to migrate the content over and you may find the latest version of this page on [GreatFrontEnd](https://www.greatfrontend.com/prepare?fpr=yangshun).
+Front End Interview Handbook is now part of [GreatFrontEnd](https://www.greatfrontend.com?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook)! We are working to migrate the content over and you may find the latest version of this page on [GreatFrontEnd](https://www.greatfrontend.com/prepare?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook).
 
 :::
 
@@ -14,15 +14,15 @@ Not much is known about Salesforce's front end interview process.
 ## Coding
 
 - Flatten a nested array.
-  - [Practice question](https://www.greatfrontend.com/questions/javascript/flatten?fpr=yangshun) (Free)
+  - [Practice question](https://www.greatfrontend.com/questions/javascript/flatten?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Free)
 
 ## Trivia
 
 - What is the event loop?
-  - [Read answer](https://www.greatfrontend.com/questions/quiz/what-is-event-loop-what-is-the-difference-between-call-stack-and-task-queue?fpr=yangshun) (Free)
+  - [Read answer](https://www.greatfrontend.com/questions/quiz/what-is-event-loop-what-is-the-difference-between-call-stack-and-task-queue?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Free)
 - What is a closure?
-  - [Read answer](https://www.greatfrontend.com/questions/quiz/what-is-a-closure-and-how-why-would-you-use-one?fpr=yangshun) (Free)
+  - [Read answer](https://www.greatfrontend.com/questions/quiz/what-is-a-closure-and-how-why-would-you-use-one?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Free)
 - Positioning in CSS.
-  - [Read answer](https://www.greatfrontend.com/questions/quiz/whats-the-difference-between-a-relative-fixed-absolute-and-statically-positioned-element?fpr=yangshun) (Free)
+  - [Read answer](https://www.greatfrontend.com/questions/quiz/whats-the-difference-between-a-relative-fixed-absolute-and-statically-positioned-element?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Free)
 
 _Source: [Glassdoor Salesforce UI Developer Interview Questions](https://www.glassdoor.sg/Interview/Salesforce-UI-Developer-Interview-Questions-EI_IE11159.0,10_KO11,23.htm)_

contents/companies/twitter-front-end-interview-questions.md

@@ -5,7 +5,7 @@ sidebar_label: Twitter interview questions
 
 :::info We are now part of GreatFrontEnd!
 
-Front End Interview Handbook is now part of [GreatFrontEnd](https://www.greatfrontend.com?fpr=yangshun)! We are working to migrate the content over and you may find the latest version of this page on [GreatFrontEnd](https://www.greatfrontend.com/prepare?fpr=yangshun).
+Front End Interview Handbook is now part of [GreatFrontEnd](https://www.greatfrontend.com?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook)! We are working to migrate the content over and you may find the latest version of this page on [GreatFrontEnd](https://www.greatfrontend.com/prepare?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook).
 
 :::
 
@@ -13,11 +13,11 @@ Front End Interview Handbook is now part of [GreatFrontEnd](https://www.greatfro
 
 - Implement a typeahead. [Source](https://leetcode.com/discuss/interview-question/1220887/Twitter-Frontend-Phone-Screen)
 - Add features to a tic-tac-toe game.
-  - [Practice question](https://www.greatfrontend.com/questions/user-interface/tic-tac-toe?fpr=yangshun) (Paid)
+  - [Practice question](https://www.greatfrontend.com/questions/user-interface/tic-tac-toe?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Paid)
 
 ## Trivia
 
 - What is the difference between `Array.prototype.map` and `Array.prototype.forEach`?
-  - [Read answer](https://www.greatfrontend.com/questions/quiz/can-you-describe-the-main-difference-between-a-foreach-loop-and-a-map-loop-and-why-you-would-pick-one-versus-the-other?fpr=yangshun) (Free)
+  - [Read answer](https://www.greatfrontend.com/questions/quiz/can-you-describe-the-main-difference-between-a-foreach-loop-and-a-map-loop-and-why-you-would-pick-one-versus-the-other?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Free)
 
 _Source: [Glassdoor Twitter Front End Developer Interview Questions](https://www.glassdoor.sg/Interview/Twitter-Front-End-Developer-Interview-Questions-EI_IE100569.0,7_KO8,27.htm)_

contents/companies/uber-front-end-interview-questions.md

@@ -5,7 +5,7 @@ sidebar_label: Uber interview questions
 
 :::info We are now part of GreatFrontEnd!
 
-Front End Interview Handbook is now part of [GreatFrontEnd](https://www.greatfrontend.com?fpr=yangshun)! We are working to migrate the content over and you may find the latest version of this page on [GreatFrontEnd](https://www.greatfrontend.com/prepare?fpr=yangshun).
+Front End Interview Handbook is now part of [GreatFrontEnd](https://www.greatfrontend.com?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook)! We are working to migrate the content over and you may find the latest version of this page on [GreatFrontEnd](https://www.greatfrontend.com/prepare?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook).
 
 :::
 
@@ -18,5 +18,5 @@ Not much is known about Uber's front end interview process.
 ## User interface coding
 
 - Create a button that when clicked, adds a progress bar onto the page. The progress bar would then fill up in a given amount of time (think 3 to 5 seconds). If you get past the first part, you will be asked to do throttling how many progress bars can be running at once. For example, if the limit is 3 progress bars, and the user clicks on the button 4 times, the fourth progress bar only starts after the very first one finishes. [Source](https://leetcode.com/discuss/interview-question/1064199/uber-front-end-phone-screen-reject)
-  - [Practice question](https://www.greatfrontend.com/questions/user-interface/progress-bars?fpr=yangshun) (Paid)
+  - [Practice question](https://www.greatfrontend.com/questions/user-interface/progress-bars?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Paid)
 - Overlapping circles app. [Source](https://leetcode.com/discuss/interview-question/1784074/Uber-or-Phone-or-Overlapping-circles-app-or-Reject)

contents/css-questions.md

@@ -5,7 +5,7 @@ sidebar_label: CSS questions
 
 :::info We are now part of GreatFrontEnd!
 
-Front End Interview Handbook is now part of [GreatFrontEnd](https://www.greatfrontend.com?fpr=yangshun)! We are working to migrate the content over and you may find the latest version of this page on [GreatFrontEnd](https://www.greatfrontend.com/front-end-interview-guidebook/quiz?fpr=yangshun).
+Front End Interview Handbook is now part of [GreatFrontEnd](https://www.greatfrontend.com?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook)! We are working to migrate the content over and you may find the latest version of this page on [GreatFrontEnd](https://www.greatfrontend.com/front-end-interview-guidebook/quiz?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook).
 
 :::
 

contents/front-end-system-design-applications.md

@@ -6,20 +6,20 @@ sidebar_label: Applications
 
 :::info We are now part of GreatFrontEnd!
 
-Front End Interview Handbook is now part of [GreatFrontEnd](https://www.greatfrontend.com?fpr=yangshun)! We are working to migrate the content over and you may find the latest version of this page on [GreatFrontEnd](https://www.greatfrontend.com/system-design/types-of-questions?fpr=yangshun).
+Front End Interview Handbook is now part of [GreatFrontEnd](https://www.greatfrontend.com?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook)! We are working to migrate the content over and you may find the latest version of this page on [GreatFrontEnd](https://www.greatfrontend.com/system-design/types-of-questions?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook).
 
 :::
 
 ## Examples
 
-- News feed (e.g. Facebook): [Read example solution](https://www.greatfrontend.com/questions/system-design/news-feed-facebook?fpr=yangshun) (Free)
-- E-commerce marketplace (e.g. Amazon): [Read example solution](https://www.greatfrontend.com/questions/system-design/e-commerce-amazon?fpr=yangshun) (Paid)
-- Chat application (e.g. Messenger): [Read example solution](https://www.greatfrontend.com/questions/system-design/chat-application-messenger?fpr=yangshun) (Paid)
-- Photo sharing application (e.g. Instagram): [Read example solution](https://www.greatfrontend.com/questions/system-design/photo-sharing-instagram?fpr=yangshun) (Paid)
-- Pinterest: [Read example solution](https://www.greatfrontend.com/questions/system-design/pinterest?fpr=yangshun) (Paid)
-- Travel booking website (e.g. Airbnb): [Read example solution](https://www.greatfrontend.com/questions/system-design/travel-booking-airbnb?fpr=yangshun) (Paid)
-- Video watching website (e.g. Netflix): [Read example solution](https://www.greatfrontend.com/questions/system-design/video-streaming-netflix?fpr=yangshun) (Paid)
-- Email client (e.g. Microsoft Outlook): [Read example solution](https://www.greatfrontend.com/questions/system-design/email-client-outlook?fpr=yangshun) (Paid)
+- News feed (e.g. Facebook): [Read example solution](https://www.greatfrontend.com/questions/system-design/news-feed-facebook?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Free)
+- E-commerce marketplace (e.g. Amazon): [Read example solution](https://www.greatfrontend.com/questions/system-design/e-commerce-amazon?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Paid)
+- Chat application (e.g. Messenger): [Read example solution](https://www.greatfrontend.com/questions/system-design/chat-application-messenger?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Paid)
+- Photo sharing application (e.g. Instagram): [Read example solution](https://www.greatfrontend.com/questions/system-design/photo-sharing-instagram?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Paid)
+- Pinterest: [Read example solution](https://www.greatfrontend.com/questions/system-design/pinterest?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Paid)
+- Travel booking website (e.g. Airbnb): [Read example solution](https://www.greatfrontend.com/questions/system-design/travel-booking-airbnb?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Paid)
+- Video watching website (e.g. Netflix): [Read example solution](https://www.greatfrontend.com/questions/system-design/video-streaming-netflix?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Paid)
+- Email client (e.g. Microsoft Outlook): [Read example solution](https://www.greatfrontend.com/questions/system-design/email-client-outlook?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Paid)
 
 ## Framework
 
@@ -84,4 +84,4 @@ Many companies blog about their technical challenges in the front end domain and
 - [A React And Preact Progressive Web App Performance Case Study: Treebo](https://medium.com/dev-channel/treebo-a-react-and-preact-progressive-web-app-performance-case-study-5e4f450d5299)
 - [Rebuilding our tech stack for the new Facebook.com](https://engineering.fb.com/2020/05/08/web/facebook-redesign/)
 
-[GreatFrontEnd](https://www.greatfrontend.com?fpr=yangshun) shows you how to approach front end system design interviews with their [front end system design guide](https://www.greatfrontend.com/system-design?fpr=yangshun) and case studies. You can also do hands-on practice through their [huge question bank](https://www.greatfrontend.com/prepare?fpr=yangshun), each with solutions written by ex-FAANG senior engineers to learn more about system design. 
+[GreatFrontEnd](https://www.greatfrontend.com?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) shows you how to approach front end system design interviews with their [front end system design guide](https://www.greatfrontend.com/system-design?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) and case studies. You can also do hands-on practice through their [huge question bank](https://www.greatfrontend.com/prepare?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook), each with solutions written by ex-FAANG senior engineers to learn more about system design.

contents/front-end-system-design-ui-components.md

@@ -6,20 +6,20 @@ sidebar_label: UI components
 
 :::info We are now part of GreatFrontEnd!
 
-Front End Interview Handbook is now part of [GreatFrontEnd](https://www.greatfrontend.com?fpr=yangshun)! We are working to migrate the content over and you may find the latest version of this page on [GreatFrontEnd](https://www.greatfrontend.com/system-design/types-of-questions?fpr=yangshun).
+Front End Interview Handbook is now part of [GreatFrontEnd](https://www.greatfrontend.com?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook)! We are working to migrate the content over and you may find the latest version of this page on [GreatFrontEnd](https://www.greatfrontend.com/system-design/types-of-questions?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook).
 
 :::
 
 ## Examples
 
-- Autocomplete: [Read example solution](https://www.greatfrontend.com/questions/system-design/autocomplete?fpr=yangshun) (Free)
-- Image carousel: [Read example solution](https://www.greatfrontend.com/questions/system-design/image-carousel?fpr=yangshun) (Paid)
-- Dropdown menu: [Read example solution](https://www.greatfrontend.com/questions/system-design/dropdown-menu?fpr=yangshun) (Paid)
-- Modal dialog: [Read example solution](https://www.greatfrontend.com/questions/system-design/modal-dialog?fpr=yangshun) (Paid)
-- Poll widget: [Read example solution](https://www.greatfrontend.com/questions/system-design/poll-widget?fpr=yangshun) (Paid)
+- Autocomplete: [Read example solution](https://www.greatfrontend.com/questions/system-design/autocomplete?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Free)
+- Image carousel: [Read example solution](https://www.greatfrontend.com/questions/system-design/image-carousel?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Paid)
+- Dropdown menu: [Read example solution](https://www.greatfrontend.com/questions/system-design/dropdown-menu?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Paid)
+- Modal dialog: [Read example solution](https://www.greatfrontend.com/questions/system-design/modal-dialog?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Paid)
+- Poll widget: [Read example solution](https://www.greatfrontend.com/questions/system-design/poll-widget?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Paid)
 - Selector which loads options over the network
 
-To find out more, check out [GreatFrontEnd](https://www.greatfrontend.com?fpr=yangshun), which shows you how to approach front end system design interviews with their [front end system design guide](https://www.greatfrontend.com/system-design?fpr=yangshun) and case studies. There are also [blogs](https://www.greatfrontend.com/blog?fpr=yangshun) that will cover some of the following topics in more detail. 
+To find out more, check out [GreatFrontEnd](https://www.greatfrontend.com?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook), which shows you how to approach front end system design interviews with their [front end system design guide](https://www.greatfrontend.com/system-design?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) and case studies. There are also [blogs](https://www.greatfrontend.com/blog?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) that will cover some of the following topics in more detail.
 
 ## Framework
 

contents/front-end-system-design.md

@@ -5,7 +5,7 @@ sidebar_label: Overview
 
 :::info We are now part of GreatFrontEnd!
 
-Front End Interview Handbook is now part of [GreatFrontEnd](https://www.greatfrontend.com?fpr=yangshun)! We are working to migrate the content over and you may find the latest version of this page on [GreatFrontEnd](https://www.greatfrontend.com/system-design?fpr=yangshun).
+Front End Interview Handbook is now part of [GreatFrontEnd](https://www.greatfrontend.com?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook)! We are working to migrate the content over and you may find the latest version of this page on [GreatFrontEnd](https://www.greatfrontend.com/system-design?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook).
 
 :::
 
@@ -22,20 +22,20 @@ The two main kinds of front end system design interviews are UI components and a
 ## Front end system design examples
 
 - User interface components
-  - Autocomplete: [Read example solution](https://www.greatfrontend.com/questions/system-design/autocomplete?fpr=yangshun) (Free)
-  - Image carousel: [Read example solution](https://www.greatfrontend.com/questions/system-design/image-carousel?fpr=yangshun) (Paid)
-  - Dropdown menu: [Read example solution](https://www.greatfrontend.com/questions/system-design/dropdown-menu?fpr=yangshun) (Paid)
-  - Modal dialog: [Read example solution](https://www.greatfrontend.com/questions/system-design/modal-dialog?fpr=yangshun) (Paid)
+  - Autocomplete: [Read example solution](https://www.greatfrontend.com/questions/system-design/autocomplete?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Free)
+  - Image carousel: [Read example solution](https://www.greatfrontend.com/questions/system-design/image-carousel?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Paid)
+  - Dropdown menu: [Read example solution](https://www.greatfrontend.com/questions/system-design/dropdown-menu?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Paid)
+  - Modal dialog: [Read example solution](https://www.greatfrontend.com/questions/system-design/modal-dialog?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Paid)
 - Applications
-  - News feed (e.g. Facebook): [Read example solution](https://www.greatfrontend.com/questions/system-design/news-feed-facebook?fpr=yangshun) (Free)
-  - E-commerce marketplace (e.g. Amazon): [Read example solution](https://www.greatfrontend.com/questions/system-design/e-commerce-amazon?fpr=yangshun) (Paid)
-  - Chat application (e.g. Messenger): [Read example solution](https://www.greatfrontend.com/questions/system-design/chat-application-messenger?fpr=yangshun) (Paid)
-  - Photo sharing application (e.g. Instagram): [Read example solution](https://www.greatfrontend.com/questions/system-design/photo-sharing-instagram?fpr=yangshun) (Paid)
-  - Pinterest: [Read example solution](https://www.greatfrontend.com/questions/system-design/pinterest?fpr=yangshun) (Paid)
-  - Travel booking website (e.g. Airbnb): [Read example solution](https://www.greatfrontend.com/questions/system-design/travel-booking-airbnb?fpr=yangshun) (Paid)
+  - News feed (e.g. Facebook): [Read example solution](https://www.greatfrontend.com/questions/system-design/news-feed-facebook?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Free)
+  - E-commerce marketplace (e.g. Amazon): [Read example solution](https://www.greatfrontend.com/questions/system-design/e-commerce-amazon?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Paid)
+  - Chat application (e.g. Messenger): [Read example solution](https://www.greatfrontend.com/questions/system-design/chat-application-messenger?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Paid)
+  - Photo sharing application (e.g. Instagram): [Read example solution](https://www.greatfrontend.com/questions/system-design/photo-sharing-instagram?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Paid)
+  - Pinterest: [Read example solution](https://www.greatfrontend.com/questions/system-design/pinterest?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Paid)
+  - Travel booking website (e.g. Airbnb): [Read example solution](https://www.greatfrontend.com/questions/system-design/travel-booking-airbnb?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Paid)
   - Video watching website
 
-If you are interested to find out more, [GreatFrontEnd](https://www.greatfrontend.com?fpr=yangshun) shows you how to approach front end system design interviews with their [front end system design guide](https://www.greatfrontend.com/system-design?fpr=yangshun) and case studies. 
+If you are interested to find out more, [GreatFrontEnd](https://www.greatfrontend.com?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) shows you how to approach front end system design interviews with their [front end system design guide](https://www.greatfrontend.com/system-design?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) and case studies.
 
 ## RADIO Framework
 

contents/html-questions.md

@@ -5,7 +5,7 @@ sidebar_label: HTML questions
 
 :::info We are now part of GreatFrontEnd!
 
-Front End Interview Handbook is now part of [GreatFrontEnd](https://www.greatfrontend.com?fpr=yangshun)! We are working to migrate the content over and you may find the latest version of this page on [GreatFrontEnd](https://www.greatfrontend.com/front-end-interview-guidebook/quiz?fpr=yangshun).
+Front End Interview Handbook is now part of [GreatFrontEnd](https://www.greatfrontend.com?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook)! We are working to migrate the content over and you may find the latest version of this page on [GreatFrontEnd](https://www.greatfrontend.com/front-end-interview-guidebook/quiz?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook).
 
 :::
 

contents/introduction.md

@@ -4,7 +4,7 @@ title: Introduction
 
 :::info We are now part of GreatFrontEnd!
 
-Front End Interview Handbook is now part of [GreatFrontEnd](https://www.greatfrontend.com?fpr=yangshun)! We are working to migrate the content over and you may find the latest version of this page on [GreatFrontEnd](https://www.greatfrontend.com/front-end-interview-guidebook?fpr=yangshun).
+Front End Interview Handbook is now part of [GreatFrontEnd](https://www.greatfrontend.com?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook)! We are working to migrate the content over and you may find the latest version of this page on [GreatFrontEnd](https://www.greatfrontend.com/front-end-interview-guidebook?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook).
 
 :::
 
@@ -16,7 +16,7 @@ Many front end interviews are highly-focused on domain knowledge and applying th
 
 While there are some existing resources to help front end developers in preparing for interviews, they aren't as abundant as materials for a general software engineer interview. Among the existing resources, the most helpful question bank would probably be [Front-end Developer Interview Questions](https://github.com/h5bp/Front-end-Developer-Interview-Questions). Unfortunately, there aren't many complete and satisfactory answers to these questions readily available online. This handbook answers these trivia-style questions along with information and guidance for other front end interview formats.
 
-To solve this problem, [GreatFrontEnd](https://www.greatfrontend.com?fpr=yangshun), an interview preparation platform for Front End interviews, was created. It contains Front End interview questions and answers written by ex-FAANG Senior Engineers (such as myself!) and have both questions and answers for various formats: JavaScript, TypeScript, User Interface Component questions, quiz-style front end questions.
+To solve this problem, [GreatFrontEnd](https://www.greatfrontend.com?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook), an interview preparation platform for Front End interviews, was created. It contains Front End interview questions and answers written by ex-FAANG Senior Engineers (such as myself!) and have both questions and answers for various formats: JavaScript, TypeScript, User Interface Component questions, quiz-style front end questions.
 
 ## General tips for front end interviews
 
@@ -50,7 +50,7 @@ Short questions which test your knowledge and have clear non-subjective answers.
 
 [**Read more about front end trivia questions →**](./trivia.md)
 
-[**Practice front end trivia questions**](https://www.greatfrontend.com/prepare/quiz?fpr=yangshun)
+[**Practice front end trivia questions**](https://www.greatfrontend.com/prepare/quiz?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook)
 
 ### JavaScript coding
 
@@ -63,7 +63,7 @@ This is the front end version of LeetCode-style algorithm questions. Implement a
 
 [**Read more about JavaScript coding questions →**](./javascript-questions.md)
 
-[**Practice JavaScript coding questions**](https://www.greatfrontend.com/questions/js?fpr=yangshun)
+[**Practice JavaScript coding questions**](https://www.greatfrontend.com/questions/js?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook)
 
 ### User interface coding
 
@@ -81,7 +81,7 @@ Build user interfaces (can be a UI component, an app, or a game) using HTML, CSS
 
 [**Read more about user interface coding questions →**](./build-front-end-user-interfaces.md)
 
-[**Practice user interface coding questions**](https://www.greatfrontend.com/prepare/coding?fpr=yangshun)
+[**Practice user interface coding questions**](https://www.greatfrontend.com/prepare/coding?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook)
 
 ### Algorithmic coding
 
@@ -89,7 +89,7 @@ LeetCode-style algorithmic coding questions which evaluate your core data struct
 
 [**Read more about algorithm coding questions →**](./algorithms.md)
 
-[**Practice algorithm questions**](https://www.greatfrontend.com/focus-areas/data-structures-algorithms?fpr=yangshun)
+[**Practice algorithm questions**](https://www.greatfrontend.com/focus-areas/data-structures-algorithms?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook)
 
 ### System design
 
@@ -100,9 +100,9 @@ Describe and discuss how you would build a UI component/app/game and its archite
 
 [**Read more about front end system design →**](./front-end-system-design.md)
 
-[**Practice front end system design questions**](https://www.greatfrontend.com/prepare/system-design?fpr=yangshun)
+[**Practice front end system design questions**](https://www.greatfrontend.com/prepare/system-design?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook)
 
-You can also try out the above mentioned question types at [GreatFrontEnd](https://www.greatfrontend.com?fpr=yangshun). It has [over 200+ practice questions](https://www.greatfrontend.com/prepare?fpr=yangshun) and all of them are provided with comprehensive answers written by ex-FAANG senior engineers.
+You can also try out the above mentioned question types at [GreatFrontEnd](https://www.greatfrontend.com?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook). It has [over 200+ practice questions](https://www.greatfrontend.com/prepare?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) and all of them are provided with comprehensive answers written by ex-FAANG senior engineers.
 
 ## Company interview formats
 

contents/javascript-questions.md

@@ -5,7 +5,7 @@ sidebar_label: JavaScript questions
 
 :::info We are now part of GreatFrontEnd!
 
-Front End Interview Handbook is now part of [GreatFrontEnd](https://www.greatfrontend.com?fpr=yangshun)! We are working to migrate the content over and you may find the latest version of this page on [GreatFrontEnd](https://www.greatfrontend.com/front-end-interview-guidebook/quiz?fpr=yangshun).
+Front End Interview Handbook is now part of [GreatFrontEnd](https://www.greatfrontend.com?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook)! We are working to migrate the content over and you may find the latest version of this page on [GreatFrontEnd](https://www.greatfrontend.com/front-end-interview-guidebook/quiz?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook).
 
 :::
 

contents/javascript-utility-function.md

@@ -6,7 +6,7 @@ sidebar_label: JavaScript coding
 
 :::info We are now part of GreatFrontEnd!
 
-Front End Interview Handbook is now part of [GreatFrontEnd](https://www.greatfrontend.com?fpr=yangshun)! We are working to migrate the content over and you may find the latest version of this page on [GreatFrontEnd](https://www.greatfrontend.com/front-end-interview-guidebook/javascript?fpr=yangshun).
+Front End Interview Handbook is now part of [GreatFrontEnd](https://www.greatfrontend.com?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook)! We are working to migrate the content over and you may find the latest version of this page on [GreatFrontEnd](https://www.greatfrontend.com/front-end-interview-guidebook/javascript?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook).
 
 :::
 
@@ -46,13 +46,13 @@ Advanced questions are usually given to more senior candidates and expect around
     </video>
 </div>
 
-- These questions and many others are available on [GreatFrontEnd](https://www.greatfrontend.com?fpr=yangshun). Apart from a [huge question bank of coding questions](https://www.greatfrontend.com/questions/js/coding/utilities?fpr=yangshun) that you can access by frameworks, each question also comes with a solution authored by ex-FAANG engineers and automated test cases.
+- These questions and many others are available on [GreatFrontEnd](https://www.greatfrontend.com?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook). Apart from a [huge question bank of coding questions](https://www.greatfrontend.com/questions/js/coding/utilities?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) that you can access by frameworks, each question also comes with a solution authored by ex-FAANG engineers and automated test cases.
 - Here are some questions you can start with:
-    - [Debounce](https://www.greatfrontend.com/questions/javascript/debounce?fpr=yangshun) (Free)
-    - [Promise.all()](https://www.greatfrontend.com/questions/javascript/promise-all?fpr=yangshun) (Free)
-    - [Deep Clone](https://www.greatfrontend.com/questions/javascript/deep-clone?fpr=yangshun) (Free)
-    - [Event Emitter](https://www.greatfrontend.com/questions/javascript/event-emitter?fpr=yangshun) (Free)
-    - [Array.prototype.filter()](https://www.greatfrontend.com/questions/javascript/array-filter?fpr=yangshun) (Paid)
+  - [Debounce](https://www.greatfrontend.com/questions/javascript/debounce?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Free)
+  - [Promise.all()](https://www.greatfrontend.com/questions/javascript/promise-all?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Free)
+  - [Deep Clone](https://www.greatfrontend.com/questions/javascript/deep-clone?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Free)
+  - [Event Emitter](https://www.greatfrontend.com/questions/javascript/event-emitter?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Free)
+  - [Array.prototype.filter()](https://www.greatfrontend.com/questions/javascript/array-filter?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook) (Paid)
 
 ## Tips
 

contents/resume.md

@@ -4,7 +4,7 @@ title: Resume preparation
 
 :::info We are now part of GreatFrontEnd!
 
-Front End Interview Handbook is now part of [GreatFrontEnd](https://www.greatfrontend.com?fpr=yangshun)! We are working to migrate the content over and you may find the latest version of this page on [GreatFrontEnd](https://www.greatfrontend.com/front-end-interview-guidebook/resume?fpr=yangshun).
+Front End Interview Handbook is now part of [GreatFrontEnd](https://www.greatfrontend.com?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook)! We are working to migrate the content over and you may find the latest version of this page on [GreatFrontEnd](https://www.greatfrontend.com/front-end-interview-guidebook/resume?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook).
 
 :::
 

contents/trivia.md

@@ -5,7 +5,7 @@ sidebar_label: Overview
 
 :::info We are now part of GreatFrontEnd!
 
-Front End Interview Handbook is now part of [GreatFrontEnd](https://www.greatfrontend.com?fpr=yangshun)! We are working to migrate the content over and you may find the latest version of this page on [GreatFrontEnd](https://www.greatfrontend.com/front-end-interview-guidebook/quiz?fpr=yangshun).
+Front End Interview Handbook is now part of [GreatFrontEnd](https://www.greatfrontend.com?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook)! We are working to migrate the content over and you may find the latest version of this page on [GreatFrontEnd](https://www.greatfrontend.com/front-end-interview-guidebook/quiz?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook).
 
 :::
 
@@ -35,7 +35,7 @@ The best and correct way to prepare for such questions is to really understand t
 
 ## Where to practice
 
-If you're looking for free questions to practice, try [GreatFrontEnd](https://www.greatfrontend.com?fpr=yangshun), which has a [huge bank of free questions](https://www.greatfrontend.com/prepare/quiz?fpr=yangshun). Each question also comes with a solution authored by me. 
+If you're looking for free questions to practice, try [GreatFrontEnd](https://www.greatfrontend.com?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook), which has a [huge bank of free questions](https://www.greatfrontend.com/prepare/quiz?utm_source=frontendinterviewhandbook&utm_medium=referral&fpr=frontendinterviewhandbook). Each question also comes with a solution authored by me.
 
 ## Common questions
 

packages/quiz/questions/whats-the-difference-between-a-relative-fixed-absolute-and-statically-positioned-element/metadata.json

@@ -1,7 +1,7 @@
 {
   "slug": "whats-the-difference-between-a-relative-fixed-absolute-and-statically-positioned-element",
   "languages": [],
-  "companies": ["salesforce"],
+  "companies": ["rippling", "salesforce"],
   "premium": false,
   "duration": 5,
   "published": true,

website/docusaurus.config.js

@@ -14,7 +14,7 @@ module.exports = {
   themeConfig: {
     announcementBar: {
       id: 'gfe', // Increment on change
-      content: `⭐️ We are now part of <a href="https://www.greatfrontend.com/?fpr=yangshun&utm_source=frontendinterviewhandbook&utm_medium=referral&utm_content=banner&fpr=frontendinterviewhandbook" target="_blank">GreatFrontEnd</a>, a front end interview preparation platform created by ex-FAANG Senior Engineers. <a href="https://www.greatfrontend.com/?fpr=yangshun&utm_source=frontendinterviewhandbook&utm_medium=referral&utm_content=banner&fpr=frontendinterviewhandbook" target="_blank">Get 20% off today</a>! ⭐️`,
+      content: `⭐️ We are now part of <a href="https://www.greatfrontend.com/?utm_source=frontendinterviewhandbook&utm_medium=referral&utm_content=banner&fpr=frontendinterviewhandbook" target="_blank">GreatFrontEnd</a>, a front end interview preparation platform created by ex-FAANG Senior Engineers. <a href="https://www.greatfrontend.com/?utm_source=frontendinterviewhandbook&utm_medium=referral&utm_content=banner&fpr=frontendinterviewhandbook" target="_blank">Get 20% off today</a>! ⭐️`,
       isCloseable: false,
     },
     prism: {

website/src/components/SidebarAd/index.js

@@ -34,7 +34,7 @@ function GreatFrontEnd({ position }) {
   return (
     <a
       className={clsx(styles.container, styles.backgroundPurple)}
-      href={`https://www.greatfrontend.com?fpr=yangshun&utm_source=frontendinterviewhandbook&utm_medium=referral&utm_content=${position}&fpr=frontendinterviewhandbook`}
+      href={`https://www.greatfrontend.com?utm_source=frontendinterviewhandbook&utm_medium=referral&utm_content=${position}&fpr=frontendinterviewhandbook`}
       target="_blank"
       rel="noopener"
       onClick={() => {
@@ -44,7 +44,9 @@ function GreatFrontEnd({ position }) {
         <strong className={styles.title}>
           LeetCode for Front End Interviews
         </strong>
-        Looking for front end interview practice? Try <u>GreatFrontEnd</u> - a platform with curated practice questions, well-explained solutions and automated test cases.
+        Looking for front end interview practice? Try <u>GreatFrontEnd</u> - a
+        platform with curated practice questions, well-explained solutions and
+        automated test cases.
       </p>
     </a>
   );