msb-public
/
tech-interview-handbook
mirror of https://github.com/yangshun/tech-interview-handbook
2
1
Code Issues Projects Releases Wiki Activity

website: add Erin success story

Browse Source
pull/125/head
Yangshun Tay 6 years ago
parent c96861fe62
commit 144db8f909
3 changed files with 100 additions and 68 deletions

22
website/src/data/successStories.js
Unescape View File

@ -1,6 +1,28 @@
import React from 'react'; import React from 'react';
export default [ export default [
{
name: 'Erin Teo',
title: 'Front End Engineer, Facebook',
thumbnail: 'https://avatars1.githubusercontent.com/u/5081708?s=460&v=4',
quote: (
<>
Preparing for my first rounds of tech interviews was really daunting - I
wasn't sure what to expect and where to start. This handbook together
with the{' '}
<a
href="https://github.com/yangshun/front-end-interview-handbook"
target="_blank"
rel="noreferrer noopener">
Front End Interview Handbook
</a>{' '}
was a great starting point for me. It clearly describes each part of the
process and has tons of awesome tips and resources. With this handbook
and lots of practice, I managed to get offers from Facebook, Dropbox and
Amazon!
</>
),
},
{ {
name: 'Siddhesh Karekar', name: 'Siddhesh Karekar',
title: 'Software Engineer, Google', title: 'Software Engineer, Google',

142
website/src/pages/index.js
Unescape View File

@ -44,83 +44,89 @@ function Home() {
</div> </div>
</header> </header>
<main> <main>
<div className="container margin-vert--xl"> <div className="padding-vert--xl">
<div className="row"> <div className="container">
<div className="col col--10 col--offset-1"> <div className="row">
<h2 className="text--center margin-bottom--xl"> <div className="col col--10 col--offset-1">
Why Tech Interview Handbook? <h2 className="text--center margin-bottom--xl">
</h2> Why Tech Interview Handbook?
<div className="row margin-vert--lg"> </h2>
<div className="col"> <div className="row margin-vert--lg">
<h3>From Zero to Hero</h3> <div className="col">
<p> <h3>From Zero to Hero</h3>
Go from zero to tech interview hero with this handbook. No <p>
prior interview experience needed. Go from zero to tech interview hero with this handbook. No
</p> prior interview experience needed.
</div> </p>
<div className="col"> </div>
<h3>Curated Practice Questions</h3> <div className="col">
<p> <h3>Curated Practice Questions</h3>
No one has time to practice a few hundred Leetcode <p>
questions. We tell you which are the best questions to No one has time to practice a few hundred Leetcode
practice. questions. We tell you which are the best questions to
</p> practice.
</div> </p>
<div className="col"> </div>
<h3>Interview Cheatsheet</h3> <div className="col">
<p> <h3>Interview Cheatsheet</h3>
Straight-to-the-point Do's and Don'ts during an interview <p>
</p> Straight-to-the-point Do's and Don'ts during an interview
</div> </p>
</div> </div>
<div className="row margin-vert--lg">
<div className="col">
<h3>Practical Algorithm Tips</h3>
<p>
Practical tips for every algorithm topic - common techniques
and corner cases to look out for.
</p>
</div>
<div className="col">
<h3>Behavioral Questions</h3>
<p>
Check out what behavioral questions companies commonly ask
and you can prepare your answers ahead of time.
</p>
</div> </div>
<div className="col"> <div className="row margin-vert--lg">
<h3>Tested and Proven</h3> <div className="col">
<p> <h3>Practical Algorithm Tips</h3>
Countless engineers have gotten their dream jobs with its <p>
help. Practical tips for every algorithm topic - common
</p> techniques and corner cases to look out for.
</p>
</div>
<div className="col">
<h3>Behavioral Questions</h3>
<p>
Check out what behavioral questions companies commonly ask
and you can prepare your answers ahead of time.
</p>
</div>
<div className="col">
<h3>Tested and Proven</h3>
<p>
Countless engineers have gotten their dream jobs with its
help.
</p>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div className="container margin-vert--xl"> <div className={styles.sectionAlt}>
<div className="row"> <div className="container padding-vert--xl">
<div className="col col--6 col--offset-3"> <div className="row">
<div className="margin-vert--lg text--center"> <div className="col col--6 col--offset-3">
<h2>Success Stories</h2> <div className="margin-vert--lg text--center">
</div> <h2>Success Stories</h2>
{successStories.map(user => ( </div>
<div className="card margin-vert--lg" key={user.name}> {successStories.map(user => (
<div className="card__header"> <div className="card margin-vert--lg" key={user.name}>
<div className="avatar"> <div className="card__header">
<img className="avatar__photo" src={user.thumbnail} /> <div className="avatar">
<div className="avatar__intro"> <img className="avatar__photo" src={user.thumbnail} />
<h4 className="avatar__name">{user.name}</h4> <div className="avatar__intro">
<small className="avatar__subtitle">{user.title}</small> <h4 className="avatar__name">{user.name}</h4>
<small className="avatar__subtitle">
{user.title}
</small>
</div>
</div> </div>
</div> </div>
<div className="card__body">
<blockquote>"{user.quote}"</blockquote>
</div>
</div> </div>
<div className="card__body"> ))}
<blockquote>"{user.quote}"</blockquote> </div>
</div>
</div>
))}
</div> </div>
</div> </div>
</div> </div>

4
website/src/pages/styles.module.css
Unescape View File

@ -20,3 +20,7 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.sectionAlt {
background-color: var(--ifm-color-emphasis-alpha-05);
}

Write Preview
Loading…
Cancel
Save