Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[feat] add the option for people to contribute tweets #673

Open
wants to merge 4 commits into
base: main
Choose a base branch
from
Open

[feat] add the option for people to contribute tweets #673

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
db124b9
feat: change index.js to load tweets dynamically from userTweets.js (…
yehiarasheed Oct 17, 2024
6967684
feat: create userTweets.js to separate data from rendering
yehiarasheed Oct 17, 2024
58e02eb
feat: update Tweets order to match original order
yehiarasheed Oct 17, 2024
d9fe94d
feat: reorder Tweets by slicing map
yehiarasheed Oct 17, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
154 changes: 154 additions & 0 deletions apps/website/src/data/userTweets.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,154 @@
import React from 'react';

export default [
{
url: "https://twitter.com/Insharamin/status/1412978510788915205",
handle: "Insharamin",
name: "Insha",
date: "Jul 8, 2021",
avatar: "/img/tweets/Insharamin.jpg",
content: (
<>
1️⃣ Tech Interview Handbook
<br />
<br />
This repository has practical content that covers all phases
of a technical interview, from applying for a job to passing
the interviews to offer negotiation. 📎
</>
),
},
{
url: "https://twitter.com/ravinwashere/status/1328381097277681665",
handle: "ravinwashere",
name: "Ravin",
date: "Nov 17, 2020",
avatar: "/img/tweets/ravinwashere.jpg",
content: (
<>
Preparing for a job interview?
<br />
<br />
The tech interview handbook contains carefully curated to help
you ace your next technical interview.
<br />
<br />
And it's free.
</>
),
},
{
url: "https://twitter.com/rwenderlich/status/1166336060533727232",
handle: "rwenderlich",
name: "raywenderlich.com",
date: "Aug 27, 2019",
avatar: "/img/tweets/rwenderlich.jpg",
content: <>Nice open source tech interview handbook</>,
},
{
url: "https://twitter.com/umaar/status/913425809108606976",
handle: "umaar",
name: "Umar Hansa",
date: "Sep 28, 2017",
avatar: "/img/tweets/umaar.jpg",
content: (
<>
Tech Interview Handbook 💻 - Content to help you ace your next
technical interview. Lots of front-end content here ✅
</>
),
},
{
url: "https://twitter.com/MSFTImagine/status/1502675788335886344",
handle: "MSFTImagine",
name: "Microsoft Imagine Cup",
date: "Mar 13, 2022",
avatar: "/img/tweets/MSFTImagine.png",
content: (
<>
Ready to rock your #Coding interviews? Follow along as
@yangshunz shares tips on how to land your dream job from
personal experience.
</>
),
},
{
url: "https://twitter.com/palashv2/status/1452981345899085833",
handle: "palashv2",
name: "Palash",
date: "Oct 26, 2021",
avatar: "/img/tweets/palashv2.jpg",
content: (
<>
5. Tech Interview Handbook
<br />
<br />
Here's free and curated technical interview preparation
materials for busy engineers. Besides the usual algorithm
questions, other awesome stuff includes How to prepare for
coding interviews, Interview Cheatsheet, and more.
</>
),
},
{
url: "https://twitter.com/Justyna_Adam/status/1186166253830004736",
handle: "Justyna_Adam",
name: "Justyna_Adamczyk",
date: "Oct 21, 2019",
avatar: "/img/tweets/Justyna_Adam.jpg",
content: (
<>
Another excellent tech interview handbook! If you need to
prepare yourself for a tech interview or you're an interviewer
and need additional inspiration. Happy Monday! #techinterviews
</>
),
},
{
url: "https://twitter.com/freeCodeCamp/status/1494658460830552065",
handle: "freeCodeCamp",
name: "freeCodeCamp.org",
date: "Feb 18, 2022",
avatar: "/img/tweets/freeCodeCamp.jpg",
content: (
<>
Back in 2017, @yangshunz was interviewing for developer jobs.
<br />
<br />
He put in a lot of work, aced his interviews, & got offers
from Google, Airbnb, Dropbox, and more.
<br />
<br />
And he just updated this in-depth guide to help you also rock
your next coding interview.
</>
),
},
{
url: "https://twitter.com/Vinaystwt/status/1437062973554507777",
handle: "Vinaystwt",
name: "Vinay Sharma",
date: "Sep 12, 2021",
avatar: "/img/tweets/Vinaystwt.jpg",
content: (
<>
🔹Tech Interview Handbook: Another useful resource that covers
information about technical interviews. It covers the job
applications, the interview process and the post-interview.
</>
),
},
{
url: "https://twitter.com/sitepointdotcom/status/1164121717243023360",
handle: "sitepointdotcom",
name: "SitePoint",
date: "Aug 21, 2019",
avatar: "/img/tweets/sitepointdotcom.jpg",
content: (
<>
The Tech Interview Handbook provides carefully curated content
to help you ace your next technical interview.
</>
),
},
];
201 changes: 48 additions & 153 deletions apps/website/src/pages/index.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,7 @@ import useBaseUrl from '@docusaurus/useBaseUrl';
import styles from './styles.module.css';

import successStories from '../data/successStories';
import userTweets from '../data/userTweets';

const BLIND_75_URL =
'https://www.teamblind.com/post/New-Year-Gift---Curated-List-of-Top-75-LeetCode-Questions-to-Save-Your-Time-OaM1orEU';
Expand Down Expand Up @@ -512,7 +513,6 @@ function GreatFrontEndSection() {
</div>
);
}

function TweetsSection() {
return (
<div className={clsx('padding-vert--xl', styles.sectionAlt)}>
Expand All @@ -522,172 +522,67 @@ 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)}>
{/* Render tweets in groups of three */}
<div className="col col--4">
<Tweet
url="https://twitter.com/Insharamin/status/1412978510788915205"
handle="Insharamin"
name="Insha"
date="Jul 8, 2021"
avatar="/img/tweets/Insharamin.jpg"
content={
<>
1️⃣ Tech Interview Handbook
<br />
<br />
This repository has practical content that covers all phases
of a technical interview, from applying for a job to passing
the interviews to offer negotiation. 📎
</>
}
/>
<Tweet
url="https://twitter.com/ravinwashere/status/1328381097277681665"
handle="ravinwashere"
name="Ravin"
date="Nov 17, 2020"
avatar="/img/tweets/ravinwashere.jpg"
content={
<>
Preparing for a job interview?
<br />
<br />
The tech interview handbook contains carefully curated to help
you ace your next technical interview.
<br />
<br />
And it's free.
</>
}
/>
<Tweet
url="https://twitter.com/rwenderlich/status/1166336060533727232"
handle="rwenderlich"
name="raywenderlich.com"
date="Aug 27, 2019"
avatar="/img/tweets/rwenderlich.jpg"
content={<>Nice open source tech interview handbook</>}
/>
<Tweet
url="https://twitter.com/umaar/status/913425809108606976"
handle="umaar"
name="Umar Hansa"
date="Sep 28, 2017"
avatar="/img/tweets/umaar.jpg"
content={
<>
Tech Interview Handbook 💻 - Content to help you ace your next
technical interview. Lots of front-end content here ✅
</>
}
/>
{userTweets.slice(0, 4).map((tweet, index) => (
<Tweet
key={index}
url={tweet.url}
handle={tweet.handle}
name={tweet.name}
date={tweet.date}
avatar={tweet.avatar}
content={tweet.content}
/>
))}
</div>
<div className="col col--4">
<Tweet
url="https://twitter.com/MSFTImagine/status/1502675788335886344"
handle="MSFTImagine"
name="Microsoft Imagine Cup"
date="Mar 13, 2022"
avatar="/img/tweets/MSFTImagine.png"
content={
<>
Ready to rock your #Coding interviews? Follow along as
@yangshunz shares tips on how to land your dream job from
personal experience.
</>
}
/>
<Tweet
url="https://twitter.com/palashv2/status/1452981345899085833"
handle="palashv2"
name="Palash"
date="Oct 26, 2021"
avatar="/img/tweets/palashv2.jpg"
content={
<>
5. Tech Interview Handbook
<br />
<br />
Here's free and curated technical interview preparation
materials for busy engineers. Besides the usual algorithm
questions, other awesome stuff includes How to prepare for
coding interviews, Interview Cheatsheet, and more.
</>
}
/>
<Tweet
url="https://twitter.com/Justyna_Adam/status/1186166253830004736"
handle="Justyna_Adam"
name="Justyna_Adamczyk"
date="Oct 21, 2019"
avatar="/img/tweets/Justyna_Adam.jpg"
content={
<>
Another excellent tech interview handbook! If you need to
prepare yourself for a tech interview or you're an interviewer
and need additional inspiration. Happy Monday! #techinterviews
</>
}
/>
{userTweets.slice(4, 7).map((tweet, index) => (
<Tweet
key={index}
url={tweet.url}
handle={tweet.handle}
name={tweet.name}
date={tweet.date}
avatar={tweet.avatar}
content={tweet.content}
/>
))}
</div>
<div className="col col--4">
<Tweet
url="https://twitter.com/freeCodeCamp/status/1494658460830552065"
handle="freeCodeCamp"
name="freeCodeCamp.org"
date="Feb 18, 2022"
avatar="/img/tweets/freeCodeCamp.jpg"
content={
<>
Back in 2017, @yangshunz was interviewing for developer jobs.
<br />
<br />
He put in a lot of work, aced his interviews, & got offers
from Google, Airbnb, Dropbox, and more.
<br />
<br />
And he just updated this in-depth guide to help you also rock
your next coding interview.
</>
}
/>
<Tweet
url="https://twitter.com/Vinaystwt/status/1437062973554507777"
handle="Vinaystwt"
name="Vinay Sharma"
date="Sep 12, 2021"
avatar="/img/tweets/Vinaystwt.jpg"
content={
<>
🔹Tech Interview Handbook: Another useful resource that covers
information about technical interviews. It covers the job
applications, the interview process and the post-interview
</>
}
/>
<Tweet
url="https://twitter.com/sitepointdotcom/status/1164121717243023360"
handle="sitepointdotcom"
name="SitePoint"
date="Aug 21, 2019"
avatar="/img/tweets/sitepointdotcom.jpg"
content={
<>
The Tech Interview Handbook provides carefully curated content
to help you ace your next technical interview.
</>
}
/>
{userTweets.slice(7, 10).map((tweet, index) => (
<Tweet
key={index}
url={tweet.url}
handle={tweet.handle}
name={tweet.name}
date={tweet.date}
avatar={tweet.avatar}
content={tweet.content}
/>
))}
</div>
</div>
<p className="margin-vert--lg text--center">
Would you like to share your experience?{' '}
<a
href="https://github.com/yangshun/tech-interview-handbook/edit/main/apps/website/src/data/userTweets.js"
rel="noopener"
target="_blank"
>
Open a Pull Request here
</a>
!
</p>
</div>
</div>
);
}

function SuccessStory({ name, quote, thumbnail, title }) {
return (
<div className="card margin-vert--lg">
Expand Down
Loading