website: prettify files

Author: yangshun

apps/website/contents/coding-interview-cheatsheet.md

@@ -122,6 +122,7 @@ This discussion can range from a few minutes to up to 5-10 minutes depending on
 
 - ✅ If you get stuck on the approach or optimization, use [this structured way](./coding-interview-techniques.md) to jog your memory / find a good approach
 - ✅ Explain a few approaches that you could take at a high level (don't go too much into implementation details). Discuss the tradeoffs of each approach with your interviewer as if the interviewer was your coworker and you all are collaborating on a problem.
+
   > For algorithmic questions, space/time is a common tradeoff. Let's take the famous [Two Sum](https://leetcode.com/problems/two-sum/) question for example. There are two common solutions
   >
   > 1. Use nested for loops. This would be O(n<sup>2</sup>) in terms of time complexity and O(1) in terms of space.

apps/website/contents/mock-interviews.md

@@ -54,4 +54,3 @@ What makes Meetapro stand out?
 - Expert interviewers: Veterans from FAANG and top-tier companies bring years of experience, offering priceless feedback that truly makes a difference.
 - Direct communication: Job seekers can directly message interviewers to address any questions or concerns, such as experience sharing or rescheduling, ensuring better preparation for both parties.
 - All-in-one tools: Meetapro equips you with the essential tools for an effective interview session, including recording options for post-session review.
-

apps/website/contents/resume.md

@@ -356,7 +356,6 @@ The cover letter should **highlight the resume, rather than duplicate the conten
 
 :::
 
-
 Here's a structure to transform your cover letter into a compelling narrative:
 
 - Capture Attention: In your opening paragraph, succinctly present the primary reasons you are an ideal candidate for the job.
@@ -380,30 +379,24 @@ Here's a structure to transform your cover letter into a compelling narrative:
 
 Example of an ML Engineer Cover Letter:
 
-1. *Paragraph 1: The Hook and personal touch*
-<br></br>
+1. _Paragraph 1: The Hook and personal touch_ <br></br>
 
 > Growing up in Argentina, questions about economics are part of everyday life long before you become an Economics student. While many developing countries suffer the consequences of natural disasters or geopolitical conflicts, most - generations of Argentines have spent their entire lives avoiding the consequences of the crisis caused by macroeconomic imbalances in our country. Possibly due to this history, it is practically impossible to spend a day of your life without listening to a friend or family member make predictions about what the exchange rate between the peso and the dollar should be, or their opinion about what should be done by the Central Bank to lower inflation.
 
 <br></br>
 
-2. *Paragraph 2: Motivation, background and growth story*
-<br></br>
-
+2. _Paragraph 2: Motivation, background and growth story_ <br></br>
 
 > Curiosity to find an answer to these daily questions was what motivated me to start my Degree in Economics at the University of Buenos Aires. I did my entire university career while working at the [BANK], experience that was exhausting and challenging in similar proportions. During my eight years working in a financial institution, I have seen first-hand how new technologies and Big Data tools have been transforming the way in which corporate decisions are made. That aroused my curiosity in the different Machine Learning techniques and for that reason I moved to Madrid to perform my Master in Big Data. After that, I was approached by a recruiter that gave me the opportunity to unleash my skills in the gaming industry in London.
 
-3. *Paragraph 3: Showcase achievements, impact and stakeholder management*
-<br></br>
+3. _Paragraph 3: Showcase achievements, impact and stakeholder management_ <br></br>
 
 > [GAMING COMPANY] gave me an incredible opportunity. For the first time in my career, I was able to connect my childhood memories as a gamer with my professional skills. The capable leadership at [GAMING COMPANY] quickly identified my project management and analytical skills and they gave me huge responsibilities. I worked closely with the Chief Strategy Officer and the Head of External Developer Relations to identify potential publishing and M&A opportunities. During my watch we closed two strategic deals that are now contributing with more than 10% of the portfolio revenue. After that incredible experience, I was invited to join a start-smaller SaaS mobile data company called [SAAS COMPANY]. It was a hard decision but the challenge of joining a start-up and helping they grow and expand globally was an opportunity that I could not decline.
 
-4. *Paragraph 4: Motivation to join the company aligned with personal values*
-<br></br>
+4. _Paragraph 4: Motivation to join the company aligned with personal values_ <br></br>
 
 > After [SAAS COMPANY] I had the opportunity to apply my skills in the Fintech industry. Coming from Argentina, where the population suffer the consequences of the absence of good credit, I was extremely excited about [BNLP FINTECH]’s mission of democratizing free-credit in the UK and the U.S.
 
-
 ## Final tips
 
 ### Do not take job application forms lightly

apps/website/contents/system-design.md

@@ -50,7 +50,7 @@ System design content is still work-in-progress, but the following are some reso
 - [System Design Primer](https://github.com/donnemartin/system-design-primer) - Most comprehensive resource on system design out there. Recommended only if you have a ton of time to spare.
 - [System Design Interview](https://github.com/checkcheckzz/system-design-interview) - Contains many links to tips about system design, system design-related topics and engineering blogs of famous companies.
 - [System Design Cheatsheet](https://gist.github.com/vasanthk/485d1c25737e8e72759f) - Brief and concise content. Serves as a good revision right before your system design interview.
-- [System Design Roadmap](https://roadmap.sh/system-design) - Step-by-step guide that includes links to articles and videos on learning essential topics. 
+- [System Design Roadmap](https://roadmap.sh/system-design) - Step-by-step guide that includes links to articles and videos on learning essential topics.
 
 ## Books
 

apps/website/src/components/SidebarAd/index.js

@@ -16,8 +16,7 @@ function FAANGTechLeads({ position }) {
       rel="noopener"
       onClick={() => {
         window.gtag('event', `faangtechleads.${position}.click`);
-      }}
-    >
+      }}>
       <p className={styles.tagline}>
         <strong className={styles.title}>
           Craft the perfect resume for FAANG
@@ -39,8 +38,7 @@ function TIHResumeReview({ position }) {
       rel="noopener"
       onClick={() => {
         window.gtag('event', `tih.resume_review.${position}.click`);
-      }}
-    >
+      }}>
       <p className={styles.tagline}>
         <strong className={styles.title}>
           Get your resume reviewed for free
@@ -62,8 +60,7 @@ function GreatFrontEnd({ position }) {
       rel="noopener"
       onClick={() => {
         window.gtag('event', `greatfrontend.${position}.click`);
-      }}
-    >
+      }}>
       <p className={styles.tagline}>
         <strong className={styles.title}>LeetCode for Front End</strong>
         Built by ex-FAANG Senior Engineers, <u>GreatFrontEnd</u> is the fastest
@@ -82,8 +79,7 @@ function AlgoMonster({ position }) {
       rel="noopener"
       onClick={() => {
         window.gtag('event', `algomonster.${position}.click`);
-      }}
-    >
+      }}>
       <p className={styles.tagline}>
         <strong className={styles.title}>
           Stop grinding mindlessly. Study with a plan
@@ -105,8 +101,7 @@ function DesignGurusSystemDesign({ position }) {
       rel="noopener"
       onClick={() => {
         window.gtag('event', `designgurus.system_design.${position}.click`);
-      }}
-    >
+      }}>
       <p className={styles.tagline}>
         <strong className={styles.title}>Get the job at FAANG</strong>
         <u>Grokking the System Design Interview</u> is a highly recommended
@@ -126,8 +121,7 @@ function ByteByteGoSystemDesign({ position }) {
       rel="noopener"
       onClick={() => {
         window.gtag('event', `bytebytego.system_design.${position}.click`);
-      }}
-    >
+      }}>
       <p className={styles.tagline}>
         <strong className={styles.title}>
           Ace Your Next System Design Interview

apps/website/src/pages/index.js

@@ -108,8 +108,7 @@ function Home() {
   return (
     <Layout
       title="Technical Interview Guide for Busy Engineers"
-      description={siteConfig.tagline}
-    >
+      description={siteConfig.tagline}>
       <HeroSection />
       <WhatIsThisSection />
       <GreatFrontEndSection />
@@ -146,8 +145,7 @@ function HeroSection() {
         <div className={styles.buttons}>
           <Link
             className={clsx('button button--primary button--lg')}
-            to="/software-engineering-interview-guide/"
-          >
+            to="/software-engineering-interview-guide/">
             Start reading now&nbsp;&nbsp;→
           </Link>
         </div>
@@ -186,8 +184,7 @@ function WhatIsThisSection() {
                 'text--center',
                 'margin-bottom--lg',
                 styles.sectionTitle,
-              )}
-            >
+              )}>
               Fastest way to prepare effectively for your software engineering
               interviews, used by over 1,000,000 engineers
             </h3>
@@ -250,8 +247,7 @@ function RoraSection() {
                         target="_blank"
                         onClick={() => {
                           window.gtag('event', 'rora.homepage.click');
-                        }}
-                      >
+                        }}>
                         Get risk-free negotiation advice&nbsp;&nbsp;→
                       </a>
                     </div>
@@ -305,8 +301,7 @@ function HowToUseSection() {
                 'text--center',
                 'margin-bottom--lg',
                 styles.sectionTitle,
-              )}
-            >
+              )}>
               Not sure where to start in your interview preparation?
               <br /> We've got you covered.
             </h3>
@@ -315,8 +310,7 @@ function HowToUseSection() {
                 'text--center',
                 'margin-bottom--lg',
                 styles.sectionTagline,
-              )}
-            >
+              )}>
               This guide is structured in a{' '}
               <strong>simple to follow, step-by-step</strong> style covering all
               aspects of your software engineering interview preparation -{' '}
@@ -326,8 +320,7 @@ function HowToUseSection() {
         </div>
         <div className={clsx('row', styles.featuresRow)}>
           <div
-            className={clsx('col', 'col--3', styles.featuresRowItemContainer)}
-          >
+            className={clsx('col', 'col--3', styles.featuresRowItemContainer)}>
             <HowToUseStep
               index={1}
               title={<>Prepare a FAANG-ready resume</>}
@@ -340,8 +333,7 @@ function HowToUseSection() {
             />
           </div>
           <div
-            className={clsx('col', 'col--3', styles.featuresRowItemContainer)}
-          >
+            className={clsx('col', 'col--3', styles.featuresRowItemContainer)}>
             <HowToUseStep
               index={2}
               title={<>Ace the interviews</>}
@@ -355,8 +347,7 @@ function HowToUseSection() {
             />
           </div>
           <div
-            className={clsx('col', 'col--3', styles.featuresRowItemContainer)}
-          >
+            className={clsx('col', 'col--3', styles.featuresRowItemContainer)}>
             <HowToUseStep
               index={3}
               title={<>Negotiate the best offer</>}
@@ -368,8 +359,7 @@ function HowToUseSection() {
             />
           </div>
           <div
-            className={clsx('col', 'col--3', styles.featuresRowItemContainer)}
-          >
+            className={clsx('col', 'col--3', styles.featuresRowItemContainer)}>
             <HowToUseStep
               index={4}
               title={<>Prepare for the job</>}
@@ -400,8 +390,7 @@ function FeaturesSection() {
                 'text--center',
                 'margin-vert--lg',
                 styles.sectionTitle,
-              )}
-            >
+              )}>
               We have everything you need - all straight to the point
             </h3>
             <div className={clsx('row', styles.featuresRow)}>
@@ -412,8 +401,7 @@ function FeaturesSection() {
                     'col',
                     'col--4',
                     styles.featuresRowItemContainer,
-                  )}
-                >
+                  )}>
                   <div className={clsx('card', styles.featuresRowItem)}>
                     <h3 className={styles.featuresRowItemTitle}>{title}</h3>
                     <p className={styles.featuresRowItemDescription}>
@@ -439,8 +427,7 @@ function FAANGTechLeadsSection() {
   return (
     <div
       className={clsx('padding-vert--lg')}
-      style={{ backgroundColor: 'rgb(244, 63, 94)' }}
-    >
+      style={{ backgroundColor: 'rgb(244, 63, 94)' }}>
       <div className="container">
         <div className="row">
           <div className="col col--8 col--offset-2">
@@ -460,8 +447,7 @@ function FAANGTechLeadsSection() {
                     target="_blank"
                     onClick={() => {
                       window.gtag('event', 'faangtechleads.homepage.click');
-                    }}
-                  >
+                    }}>
                     Improve your resume now &nbsp;&nbsp;→
                   </a>
                 </div>
@@ -478,8 +464,7 @@ function GreatFrontEndSection() {
   return (
     <div
       className={clsx('padding-vert--lg')}
-      style={{ backgroundColor: 'rgb(79, 70, 229)' }}
-    >
+      style={{ backgroundColor: 'rgb(79, 70, 229)' }}>
       <div className="container">
         <div className="row">
           <div className="col col--8 col--offset-2">
@@ -492,15 +477,13 @@ function GreatFrontEndSection() {
                 </h2>
                 <h3
                   className={styles.sectionSponsorTitle}
-                  style={{ fontSize: 'var(--ifm-h2-font-size)' }}
-                >
+                  style={{ fontSize: 'var(--ifm-h2-font-size)' }}>
                   <strong>
                     Built by ex-FAANG Senior Engineers,{' '}
                     <a
                       href="https://www.greatfrontend.com/?utm_source=techinterviewhandbook&utm_medium=referral&utm_content=homepage"
                       style={{ color: '#fff', textDecoration: 'underline' }}
-                      target="_blank"
-                    >
+                      target="_blank">
                       GreatFrontEnd
                     </a>{' '}
                     is the fastest way to prepare for a front end interview job.
@@ -517,8 +500,7 @@ function GreatFrontEndSection() {
                         'event',
                         'greatfrontend.homepage.prepare.click',
                       );
-                    }}
-                  >
+                    }}>
                     Try it out &nbsp;&nbsp;→
                   </a>
                 </div>
@@ -540,8 +522,7 @@ function TweetsSection() {
             'margin-bottom--lg',
             'text--center',
             styles.sectionTitle,
-          )}
-        >
+          )}>
           Over 1,000,000 people have benefitted from this handbook!
         </h2>
         <div className={clsx('row', styles.tweetsSection)}>
@@ -743,8 +724,7 @@ function SuccessStoriesSection() {
                 'margin-vert--lg',
                 'text--center',
                 styles.sectionTitle,
-              )}
-            >
+              )}>
               Countless engineers have gotten a job at FAANG with this free
               handbook
             </h3>
@@ -767,8 +747,7 @@ function SuccessStoriesSection() {
           <a
             href="https://github.com/yangshun/tech-interview-handbook/edit/master/website/src/data/successStories.js"
             rel="noopener"
-            target="_blank"
-          >
+            target="_blank">
             Open a Pull Request here
           </a>
           !
@@ -792,8 +771,7 @@ function SponsorshipSection() {
                 'margin-vert--lg',
                 'text--center',
                 styles.sectionTitle,
-              )}
-            >
+              )}>
               Interested in advertising on Tech Interview Handbook?
             </h3>
             <p className={clsx(styles.sectionTagline, 'text--center')}>
@@ -826,14 +804,12 @@ function SponsorshipSection() {
                 className="button button--primary button--lg margin-right--md"
                 href="mailto:contact@techinterviewhandbook.org"
                 rel="noopener"
-                target="_blank"
-              >
+                target="_blank">
                 Advertise with us!
               </a>
               <Link
                 className="button button--secondary button--lg"
-                to="/advertise"
-              >
+                to="/advertise">
                 Find out more
               </Link>
             </div>
@@ -859,8 +835,7 @@ function PreFooterSection() {
             </p>
             <Link
               className={clsx('button button--primary button--lg')}
-              to="/software-engineering-interview-guide/"
-            >
+              to="/software-engineering-interview-guide/">
               Start reading now&nbsp;&nbsp;→
             </Link>
           </div>

apps/website/src/theme/DocItem/Content/index.js

@@ -46,8 +46,7 @@ export default function DocItemContent({ children }) {
         <a
           className="shoutout"
           href="https://www.linkedin.com/in/yangshun"
-          target="_blank"
-        >
+          target="_blank">
           👋 Hi there, I'm Yangshun, an ex-Meta Staff Engineer, author of this
           handbook and Blind 75. Follow me on <u>LinkedIn</u> for Software
           Engineering advice and interview tips!