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.

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

Jan 2024 update #679

Closed
wants to merge 29 commits into from
Closed
Changes from 1 commit
Commits
Show all changes
29 commits
Select commit Hold shift + click to select a range
dfe4488
initial commit
farhaannishtar Oct 12, 2023
c78b983
feat/add-personal-information-in-landing-page
farhaannishtar Oct 12, 2023
202e619
feat/add-skills-section
farhaannishtar Oct 12, 2023
1ca0c1f
Merge pull request #1 from farhaannishtar/refactor/changing-personal-…
farhaannishtar Oct 12, 2023
1012e8e
feat/add-experience-section
farhaannishtar Oct 12, 2023
2fc9833
feat/add-projects-section
farhaannishtar Oct 12, 2023
92a10c9
Merge pull request #2 from farhaannishtar/feat/add-projects-and-exper…
farhaannishtar Oct 12, 2023
db91e3c
remove lottie with static headshot
farhaannishtar Oct 13, 2023
b501fec
add resume icon
farhaannishtar Oct 13, 2023
7694bee
made headers smaller
farhaannishtar Oct 13, 2023
df9747b
[pre-commit.ci] auto fixes from pre-commit.com hooks
pre-commit-ci[bot] Oct 13, 2023
8e89e40
Merge pull request #3 from farhaannishtar/feat/design-updates
farhaannishtar Oct 13, 2023
11ddcef
adjusted size of life dashboard icon
farhaannishtar Oct 13, 2023
fd4b719
Merge pull request #4 from farhaannishtar/feat/text-content-fixes
farhaannishtar Oct 13, 2023
075abe8
hotfix: adjusted content attribute in meta tags in index.html
farhaannishtar Oct 13, 2023
286777f
hotfix: adjusted more content attributes in meta tags in index.html
farhaannishtar Oct 13, 2023
2e95f71
feat/changed text in greeting
farhaannishtar Oct 15, 2023
fc437dc
feat/changed darkmode preferences
farhaannishtar Oct 15, 2023
af07109
feat: centered skills section
farhaannishtar Oct 16, 2023
b8412ed
feat: redesign projects card
farhaannishtar Oct 16, 2023
21f69ea
chore: adjusted padding on projects card
farhaannishtar Oct 16, 2023
de3ac31
feat: change button text to "contact me"
farhaannishtar Oct 16, 2023
ca1b4fc
[pre-commit.ci] auto fixes from pre-commit.com hooks
pre-commit-ci[bot] Oct 16, 2023
09fdeb0
Merge pull request #5 from farhaannishtar/feat/design-update-v2
farhaannishtar Oct 16, 2023
fb5fa3a
Update README.md
farhaannishtar Nov 18, 2023
daf0390
Update README.md
farhaannishtar Nov 18, 2023
2566288
changed display pic
farhaannishtar Jan 13, 2024
793a148
update experience section
farhaannishtar Jan 14, 2024
9ccb526
[pre-commit.ci] auto fixes from pre-commit.com hooks
pre-commit-ci[bot] Jan 14, 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
Prev Previous commit
Next Next commit
feat/add-skills-section
  • Loading branch information
farhaannishtar committed Oct 12, 2023
commit 202e6199accd59bb2ffc32ef7250d7af309de858
113 changes: 84 additions & 29 deletions public/index.html
Original file line number Diff line number Diff line change
@@ -5,56 +5,111 @@
<meta name="viewport" content="width=device-width, initial-scale=1" />

<!-- Edit meta tags for SEO -->
<title>DeveloperFolio | Developer Portfolio Template</title>
<meta name="title" content="DeveloperFolio | Developer Portfolio Template">
<meta name="description" content="Software Developer Portfolio Template that helps you showcase your work and skills as a software developer">
<title>Farhaan's Developer Portfolio</title>
<meta
name="title"
content="DeveloperFolio | Developer Portfolio Template"
/>
<meta
name="description"
content="Software Developer Portfolio Template that helps you showcase your work and skills as a software developer"
/>

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://developerfolio.js.org/">
<meta property="og:title" content="DeveloperFolio | Developer Portfolio Template">
<meta property="og:description" content="Software Developer Portfolio Template that helps you showcase your work and skills as a software developer">
<meta property="og:type" content="website" />
<meta property="og:url" content="https://developerfolio.js.org/" />
<meta
property="og:title"
content="DeveloperFolio | Developer Portfolio Template"
/>
<meta
property="og:description"
content="Software Developer Portfolio Template that helps you showcase your work and skills as a software developer"
/>
<!-- Link to a hosted image -->
<!-- <meta property="og:image" content=""> -->

<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://developerfolio.js.org/">
<meta property="twitter:title" content="DeveloperFolio | Developer Portfolio Template">
<meta property="twitter:description" content="Software Developer Portfolio Template that helps you showcase your work and skills as a software developer">
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://developerfolio.js.org/" />
<meta
property="twitter:title"
content="DeveloperFolio | Developer Portfolio Template"
/>
<meta
property="twitter:description"
content="Software Developer Portfolio Template that helps you showcase your work and skills as a software developer"
/>
<!-- Link to a hosted image -->
<!-- <meta property="twitter:image" content=""> -->

<meta name="msapplication-TileColor" content="#603cba">
<meta name="msapplication-TileColor" content="#603cba" />
<meta name="theme-color" content="#6c63ff" />

<!-- Customize icons -->
<link rel="icon" type="image/png" sizes="32x32" href="%PUBLIC_URL%/favicon-32x32.png?v8=qAJ44G5Bm7">
<link rel="icon" type="image/png" sizes="16x16" href="%PUBLIC_URL%/favicon-16x16.png?v8=qAJ44G5Bm7">
<link rel="mask-icon" href="%PUBLIC_URL%/safari-pinned-tab.svg?v8=qAJ44G5Bm7" color="#885bd5">
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico?v8=qAJ44G5Bm7">
<link rel="apple-touch-icon" sizes="180x180" href="%PUBLIC_URL%/apple-touch-icon.png?v8=qAJ44G5Bm7">
<!--
<link
rel="icon"
type="image/png"
sizes="32x32"
href="%PUBLIC_URL%/favicon-32x32.png?v8=qAJ44G5Bm7"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="%PUBLIC_URL%/favicon-16x16.png?v8=qAJ44G5Bm7"
/>
<link
rel="mask-icon"
href="%PUBLIC_URL%/safari-pinned-tab.svg?v8=qAJ44G5Bm7"
color="#885bd5"
/>
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico?v8=qAJ44G5Bm7" />
<link
rel="apple-touch-icon"
sizes="180x180"
href="%PUBLIC_URL%/apple-touch-icon.png?v8=qAJ44G5Bm7"
/>
<!--
manifest.json provides metadata used when your web app is installed on a
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-->
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />

<link rel=preload href="/static/media/Montserrat-Regular.ee653992.ttf" as="font" type="font/woff" crossorigin>
<link rel=preload href="/static/media/Agustina.21f233e1.woff" as="font" type="font/woff" crossorigin>


<link
rel="preload"
href="/static/media/Montserrat-Regular.ee653992.ttf"
as="font"
type="font/woff"
crossorigin
/>
<link
rel="preload"
href="/static/media/Agustina.21f233e1.woff"
as="font"
type="font/woff"
crossorigin
/>

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-135618960-2"></script>
<script
async
src="https://www.googletagmanager.com/gtag/js?id=UA-135618960-2"
></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
function gtag() {
dataLayer.push(arguments);
}
gtag("js", new Date());

gtag('config', 'UA-135618960-2');
gtag("config", "UA-135618960-2");
</script>

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/FortAwesome/Font-Awesome@5.15.4/css/all.min.css">

<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/gh/FortAwesome/Font-Awesome@5.15.4/css/all.min.css"
/>

<!--
Notice the use of %PUBLIC_URL% in the tags above.
Binary file added src/assets/images/UC_Merced_Seal.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/assets/images/bloom_tech_logo.jpeg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
4 changes: 2 additions & 2 deletions src/components/footer/Footer.js
Original file line number Diff line number Diff line change
@@ -9,15 +9,15 @@ export default function Footer() {
return (
<Fade bottom duration={1000} distance="5px">
<div className="footer-div">
<p className={isDark ? "dark-mode footer-text" : "footer-text"}>
{/* <p className={isDark ? "dark-mode footer-text" : "footer-text"}>
{emoji("Made with ❤️ by DeveloperFolio Team")}
</p>
<p className={isDark ? "dark-mode footer-text" : "footer-text"}>
Theme by{" "}
<a href="https://github.com/saadpasta/developerFolio">
developerFolio
</a>
</p>
</p> */}
</div>
</Fade>
);
66 changes: 21 additions & 45 deletions src/portfolio.js
Original file line number Diff line number Diff line change
@@ -53,11 +53,13 @@ const skillsSection = {
subTitle: "FULL STACK DEVELOPER AND CRYPTO EVANGELIST",
skills: [
emoji(
"⚡ Develop highly interactive Front end / User Interfaces for your web and mobile applications"
"⚡ Develop highly interactive Front end / User Interfaces for your web applications"
),
emoji("⚡ Progressive Web Applications ( PWA ) in normal and SPA Stacks"),
emoji(
"⚡ Integration of third party services such as Firebase/ AWS / Digital Ocean"
"⚡ Server-Side Rendering (SSR) and Static Site Generation (SSG) for SEO and Performance Optimization"
),
emoji(
"⚡ Integration of third party services such as Firebase, Supabase and MongoDB"
)
],

@@ -73,10 +75,6 @@ https://fontawesome.com/icons?d=gallery */
skillName: "css3",
fontAwesomeClassname: "fab fa-css3-alt"
},
{
skillName: "sass",
fontAwesomeClassname: "fab fa-sass"
},
{
skillName: "JavaScript",
fontAwesomeClassname: "fab fa-js"
@@ -89,10 +87,6 @@ https://fontawesome.com/icons?d=gallery */
skillName: "nodejs",
fontAwesomeClassname: "fab fa-node"
},
{
skillName: "swift",
fontAwesomeClassname: "fab fa-swift"
},
{
skillName: "npm",
fontAwesomeClassname: "fab fa-npm"
@@ -101,21 +95,9 @@ https://fontawesome.com/icons?d=gallery */
skillName: "sql-database",
fontAwesomeClassname: "fas fa-database"
},
{
skillName: "aws",
fontAwesomeClassname: "fab fa-aws"
},
{
skillName: "firebase",
fontAwesomeClassname: "fas fa-fire"
},
{
skillName: "python",
fontAwesomeClassname: "fab fa-python"
},
{
skillName: "docker",
fontAwesomeClassname: "fab fa-docker"
}
],
display: true // Set false to hide this section, defaults to true
@@ -127,31 +109,26 @@ const educationInfo = {
display: true, // Set false to hide this section, defaults to true
schools: [
{
schoolName: "Harvard University",
logo: require("./assets/images/harvardLogo.png"),
subHeader: "Master of Science in Computer Science",
duration: "September 2017 - April 2019",
desc: "Participated in the research of XXX and published 3 papers.",
descBullets: [
"Lorem ipsum dolor sit amet, consectetur adipiscing elit",
"Lorem ipsum dolor sit amet, consectetur adipiscing elit"
]
schoolName: "Bloom Institute of Technology",
logo: require("./assets/images/bloom_tech_logo.jpeg"),
subHeader: "Full Stack Web Development",
duration: "February 2022 - October 2022",
desc: "Completed rigorous 9-month Full Stack Web Development program."
},
{
schoolName: "Stanford University",
logo: require("./assets/images/stanfordLogo.png"),
schoolName: "UC Merced",
logo: require("./assets/images/UC_Merced_Seal.png"),
subHeader: "Bachelor of Science in Computer Science",
duration: "September 2013 - April 2017",
desc: "Ranked top 10% in the program. Took courses about Software Engineering, Web Security, Operating Systems, ...",
descBullets: ["Lorem ipsum dolor sit amet, consectetur adipiscing elit"]
duration: "September 2015 - April 2017",
desc: "Took coursework in Software Engineering, Data Structures, ..."
}
]
};

// Your top 3 proficient stacks/tech experience

const techStack = {
viewSkillBars: true, //Set it to true to show Proficiency Section
viewSkillBars: false, //Set it to true to show Proficiency Section
experience: [
{
Stack: "Frontend/Design", //Insert stack or technology you have experience in
@@ -207,7 +184,7 @@ To know how to get github key look at readme.md */

const openSource = {
showGithubProfile: "true", // Set true or false to show Contact profile using Github, defaults to true
display: true // Set false to hide this section, defaults to true
display: false // Set false to hide this section, defaults to true
};

// Some big projects you have worked on
@@ -301,7 +278,7 @@ const achievementSection = {
]
}
],
display: true // Set false to hide this section, defaults to true
display: false // Set false to hide this section, defaults to true
};

// Blogs Section
@@ -325,7 +302,7 @@ const blogSection = {
"React is a JavaScript library for building User Interface. It is maintained by Facebook and a community of individual developers and companies."
}
],
display: true // Set false to hide this section, defaults to true
display: false // Set false to hide this section, defaults to true
};

// Talks Sections
@@ -344,7 +321,7 @@ const talkSection = {
event_url: "https://www.facebook.com/events/2339906106275053/"
}
],
display: true // Set false to hide this section, defaults to true
display: false // Set false to hide this section, defaults to true
};

// Podcast Section
@@ -357,7 +334,7 @@ const podcastSection = {
podcast: [
"https://anchor.fm/codevcast/embed/episodes/DevStory---Saad-Pasta-from-Karachi--Pakistan-e9givv/a-a15itvo"
],
display: true // Set false to hide this section, defaults to true
display: false // Set false to hide this section, defaults to true
};

const contactInfo = {
@@ -369,10 +346,9 @@ const contactInfo = {
};

// Twitter Section

const twitterDetails = {
userName: "twitter", //Replace "twitter" with your twitter username without @
display: true // Set true to display this section, defaults to false
display: false // Set true to display this section, defaults to false
};

const isHireable = false; // Set false if you are not looking for a job. Also isHireable will be display as Open for opportunities: Yes/No in the GitHub footer