forked from chetanverma16/react-portfolio-template
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request chetanverma16#88 from chetanverma16/84-create-digi…
…tal-resume-with-editor Adding Resume And Edit
- Loading branch information
Showing
8 changed files
with
739 additions
and
4 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -11,7 +11,7 @@ const Header = ({ handleWorkScroll, handleAboutScroll, isBlog }) => { | |
const { theme, setTheme } = useTheme(); | ||
const [mounted, setMounted] = useState(false); | ||
|
||
const { name, showBlog } = data; | ||
const { name, showBlog, showResume } = data; | ||
|
||
useEffect(() => { | ||
setMounted(true); | ||
|
@@ -74,6 +74,16 @@ const Header = ({ handleWorkScroll, handleAboutScroll, isBlog }) => { | |
{showBlog && ( | ||
<Button onClick={() => router.push("/blog")}>Blog</Button> | ||
)} | ||
{showResume && ( | ||
<Button | ||
onClick={() => | ||
window.open("mailto:[email protected]") | ||
} | ||
> | ||
Resume | ||
</Button> | ||
)} | ||
|
||
<Button | ||
onClick={() => window.open("mailto:[email protected]")} | ||
> | ||
|
@@ -88,6 +98,15 @@ const Header = ({ handleWorkScroll, handleAboutScroll, isBlog }) => { | |
{showBlog && ( | ||
<Button onClick={() => router.push("/blog")}>Blog</Button> | ||
)} | ||
{showResume && ( | ||
<Button | ||
onClick={() => router.push("/resume")} | ||
classes="first:ml-1" | ||
> | ||
Resume | ||
</Button> | ||
)} | ||
|
||
<Button | ||
onClick={() => window.open("mailto:[email protected]")} | ||
> | ||
|
@@ -117,6 +136,15 @@ const Header = ({ handleWorkScroll, handleAboutScroll, isBlog }) => { | |
{showBlog && ( | ||
<Button onClick={() => router.push("/blog")}>Blog</Button> | ||
)} | ||
{showResume && ( | ||
<Button | ||
onClick={() => router.push("/resume")} | ||
classes="first:ml-1" | ||
> | ||
Resume | ||
</Button> | ||
)} | ||
|
||
<Button onClick={() => window.open("mailto:[email protected]")}> | ||
Contact | ||
</Button> | ||
|
@@ -137,9 +165,19 @@ const Header = ({ handleWorkScroll, handleAboutScroll, isBlog }) => { | |
{showBlog && ( | ||
<Button onClick={() => router.push("/blog")}>Blog</Button> | ||
)} | ||
{showResume && ( | ||
<Button | ||
onClick={() => router.push("/resume")} | ||
classes="first:ml-1" | ||
> | ||
Resume | ||
</Button> | ||
)} | ||
|
||
<Button onClick={() => window.open("mailto:[email protected]")}> | ||
Contact | ||
</Button> | ||
|
||
{mounted && theme && data.darkMode && ( | ||
<Button | ||
onClick={() => setTheme(theme === "dark" ? "light" : "dark")} | ||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,28 @@ | ||
import React from "react"; | ||
|
||
const ProjectResume = ({ dates, type, position, bullets }) => { | ||
const [bulletsLocal, setBulletsLocal] = React.useState(bullets.split(",")); | ||
|
||
return ( | ||
<div className="mt-5 w-full flex mob:flex-col desktop:flex-row justify-between"> | ||
<div className="text-lg w-2/5"> | ||
<h2>{dates}</h2> | ||
<h3 className="text-sm opacity-50">{type}</h3> | ||
</div> | ||
<div className="w-3/5"> | ||
<h2 className="text-lg font-bold">{position}</h2> | ||
{bulletsLocal && bulletsLocal.length > 0 && ( | ||
<ul className="list-disc"> | ||
{bulletsLocal.map((bullet, index) => ( | ||
<li key={index} className="text-sm my-1 opacity-70"> | ||
{bullet} | ||
</li> | ||
))} | ||
</ul> | ||
)} | ||
</div> | ||
</div> | ||
); | ||
}; | ||
|
||
export default ProjectResume; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,126 @@ | ||
{ | ||
"name": "Chetan", | ||
"headerTaglineOne": "Hello 👋", | ||
"headerTaglineTwo": "I'm Chetan Verma - curious", | ||
"headerTaglineThree": "designer and devloper", | ||
"headerTaglineFour": " based in New Delhi, India.", | ||
"showBlog": true, | ||
"darkMode": true, | ||
"socials": [ | ||
{ | ||
"id": "1", | ||
"title": "Github", | ||
"link": "https://github.com/chetanverma16" | ||
}, | ||
{ | ||
"id": "2", | ||
"title": "LinkedIn", | ||
"link": "https://www.linkedin.com/in/chetanverma7/" | ||
}, | ||
{ | ||
"id": "3", | ||
"title": "Twitter", | ||
"link": "https://twitter.com/realchetanverma" | ||
}, | ||
{ "id": "4", "title": "Blog", "link": "https://blog.chetanverma.com/" }, | ||
{ "id": "5", "title": "Email", "link": "mailto:[email protected]" } | ||
], | ||
"projects": [ | ||
{ | ||
"id": "1", | ||
"title": "Project One Test", | ||
"description": "Web Design", | ||
"imageSrc": "https://images.unsplash.com/photo-1487837647815-bbc1f30cd0d2?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxzZWFyY2h8Njl8fHBhc3RlbHxlbnwwfHwwfA%3D%3D&auto=format&fit=crop&w=400&q=60", | ||
"url": "http://chetanverma.com/" | ||
}, | ||
{ | ||
"id": "2", | ||
"title": "Project Two", | ||
"description": "Web Development", | ||
"imageSrc": "https://images.unsplash.com/photo-1605153864431-a2795a1b2f95?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxjb2xsZWN0aW9uLXBhZ2V8MXwyNTY3ODl8fGVufDB8fHw%3D&auto=format&fit=crop&w=400&q=60", | ||
"url": "http://chetanverma.com/" | ||
}, | ||
{ | ||
"id": "3", | ||
"title": "Project Three", | ||
"description": "Design", | ||
"imageSrc": "https://images.unsplash.com/photo-1504083898675-c896ecdae86e?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxzZWFyY2h8MjJ8fHBhc3RlbHxlbnwwfHwwfA%3D%3D&auto=format&fit=crop&w=400&q=60", | ||
"url": "http://chetanverma.com/" | ||
}, | ||
{ | ||
"id": "4", | ||
"title": "Project Four", | ||
"description": "Marketing", | ||
"imageSrc": "https://images.unsplash.com/photo-1492171983775-a51717616c0d?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxzZWFyY2h8NjB8fHBhc3RlbHxlbnwwfHwwfA%3D%3D&auto=format&fit=crop&w=400&q=60", | ||
"url": "http://chetanverma.com/" | ||
}, | ||
{ | ||
"id": "5", | ||
"title": "Project Five", | ||
"description": "Development", | ||
"imageSrc": "https://images.unsplash.com/photo-1534239143101-1b1c627395c5?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxzZWFyY2h8NzZ8fHBhc3RlbHxlbnwwfHwwfA%3D%3D&auto=format&fit=crop&w=400&q=60", | ||
"url": "http://chetanverma.com/" | ||
}, | ||
{ | ||
"id": "6", | ||
"title": "Project Six", | ||
"description": "Design & Development", | ||
"imageSrc": "https://images.unsplash.com/photo-1517479149777-5f3b1511d5ad?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxzZWFyY2h8MTAyfHxwYXN0ZWx8ZW58MHx8MHw%3D&auto=format&fit=crop&w=400&q=60", | ||
"url": "http://chetanverma.com/" | ||
} | ||
], | ||
"services": [ | ||
{ | ||
"id": "1", | ||
"title": "Art Direction", | ||
"description": "We help with the creation and development of online advertising ideas, with particular focus on their visual appearance." | ||
}, | ||
{ | ||
"id": "2", | ||
"title": "Branding", | ||
"description": "We design key brand elements such as the logo, color scheme, typography, and other design components that makes your brand stand out from competitors." | ||
}, | ||
{ | ||
"id": "3", | ||
"title": "Web Design", | ||
"description": "We build and optimize your online presence. Website is the digital entry point into your business and a powerful revenue channel." | ||
}, | ||
{ | ||
"id": "4", | ||
"title": "3D Design", | ||
"description": "We combine creative design and technical skills to build striking 3D visualisations that bring your project to life." | ||
} | ||
], | ||
"aboutpara": "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.", | ||
"resume": { | ||
"tagline": "👋 I'm a software engineer, product designer, and maker.", | ||
"description": "I have delivered world-class user experiences to millions of people. Well-versed with React, Javascript, and most of the Web frameworks.", | ||
"experiences": [ | ||
{ | ||
"id": "1", | ||
"dates": "March 2022 - Present", | ||
"type": "Full Time", | ||
"position": "Frontend Engineer at X", | ||
"bullets": [ | ||
"Worked on the frontend of a React application", | ||
"Worked on the frontend of a React application" | ||
] | ||
}, | ||
{ | ||
"id": "2", | ||
"dates": "March 2020 - March 2022", | ||
"type": "Full Time", | ||
"position": "Frontend Engineer at X", | ||
"bullets": ["Worked on the frontend of a React application"] | ||
} | ||
], | ||
"education": { | ||
"universityName": "University X", | ||
"universityDate": "2016-2020", | ||
"universityPara": "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book" | ||
}, | ||
"languages": ["Javascript", "HTML5", "CSS", "Python"], | ||
"frameworks": ["React", "Typescript", "NodeJs"], | ||
"others": ["Figma", "AdobeXD", "AWS"] | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1 +1 @@ | ||
{"name":"Chetan","headerTaglineOne":"Hello 👋","headerTaglineTwo":"I'm Chetan Verma - curious","headerTaglineThree":"designer and devloper","headerTaglineFour":" based in New Delhi, India.","showBlog":true,"darkMode":true,"socials":[{"id":"1","title":"Github","link":"https://github.com/chetanverma16"},{"id":"2","title":"LinkedIn","link":"https://www.linkedin.com/in/chetanverma7/"},{"id":"3","title":"Twitter","link":"https://twitter.com/realchetanverma"},{"id":"4","title":"Blog","link":"https://blog.chetanverma.com/"},{"id":"5","title":"Email","link":"mailto:[email protected]"}],"projects":[{"id":"1","title":"Project One Test","description":"Web Design","imageSrc":"https://images.unsplash.com/photo-1487837647815-bbc1f30cd0d2?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxzZWFyY2h8Njl8fHBhc3RlbHxlbnwwfHwwfA%3D%3D&auto=format&fit=crop&w=400&q=60","url":"http://chetanverma.com/"},{"id":"2","title":"Project Two","description":"Web Development","imageSrc":"https://images.unsplash.com/photo-1605153864431-a2795a1b2f95?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxjb2xsZWN0aW9uLXBhZ2V8MXwyNTY3ODl8fGVufDB8fHw%3D&auto=format&fit=crop&w=400&q=60","url":"http://chetanverma.com/"},{"id":"3","title":"Project Three","description":"Design","imageSrc":"https://images.unsplash.com/photo-1504083898675-c896ecdae86e?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxzZWFyY2h8MjJ8fHBhc3RlbHxlbnwwfHwwfA%3D%3D&auto=format&fit=crop&w=400&q=60","url":"http://chetanverma.com/"},{"id":"4","title":"Project Four","description":"Marketing","imageSrc":"https://images.unsplash.com/photo-1492171983775-a51717616c0d?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxzZWFyY2h8NjB8fHBhc3RlbHxlbnwwfHwwfA%3D%3D&auto=format&fit=crop&w=400&q=60","url":"http://chetanverma.com/"},{"id":"5","title":"Project Five","description":"Development","imageSrc":"https://images.unsplash.com/photo-1534239143101-1b1c627395c5?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxzZWFyY2h8NzZ8fHBhc3RlbHxlbnwwfHwwfA%3D%3D&auto=format&fit=crop&w=400&q=60","url":"http://chetanverma.com/"},{"id":"6","title":"Project Six","description":"Design & Development","imageSrc":"https://images.unsplash.com/photo-1517479149777-5f3b1511d5ad?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxzZWFyY2h8MTAyfHxwYXN0ZWx8ZW58MHx8MHw%3D&auto=format&fit=crop&w=400&q=60","url":"http://chetanverma.com/"}],"services":[{"id":"1","title":"Art Direction","description":"We help with the creation and development of online advertising ideas, with particular focus on their visual appearance."},{"id":"2","title":"Branding","description":"We design key brand elements such as the logo, color scheme, typography, and other design components that makes your brand stand out from competitors."},{"id":"3","title":"Web Design","description":"We build and optimize your online presence. Website is the digital entry point into your business and a powerful revenue channel."},{"id":"4","title":"3D Design","description":"We combine creative design and technical skills to build striking 3D visualisations that bring your project to life."}],"aboutpara":"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."} | ||
{"name":"Chetan","headerTaglineOne":"Hello 👋","headerTaglineTwo":"I'm Chetan Verma - curious","headerTaglineThree":"designer and devloper","headerTaglineFour":" based in New Delhi, India.","showBlog":true,"darkMode":true,"showResume":true,"socials":[{"id":"1","title":"Github","link":"https://github.com/chetanverma16"},{"id":"2","title":"LinkedIn","link":"https://www.linkedin.com/in/chetanverma7/"},{"id":"3","title":"Twitter","link":"https://twitter.com/realchetanverma"},{"id":"4","title":"Blog","link":"https://blog.chetanverma.com/"},{"id":"5","title":"Email","link":"mailto:[email protected]"}],"projects":[{"id":"1","title":"Project One Test","description":"Web Design","imageSrc":"https://images.unsplash.com/photo-1487837647815-bbc1f30cd0d2?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxzZWFyY2h8Njl8fHBhc3RlbHxlbnwwfHwwfA%3D%3D&auto=format&fit=crop&w=400&q=60","url":"http://chetanverma.com/"},{"id":"2","title":"Project Two","description":"Web Development","imageSrc":"https://images.unsplash.com/photo-1605153864431-a2795a1b2f95?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxjb2xsZWN0aW9uLXBhZ2V8MXwyNTY3ODl8fGVufDB8fHw%3D&auto=format&fit=crop&w=400&q=60","url":"http://chetanverma.com/"},{"id":"3","title":"Project Three","description":"Design","imageSrc":"https://images.unsplash.com/photo-1504083898675-c896ecdae86e?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxzZWFyY2h8MjJ8fHBhc3RlbHxlbnwwfHwwfA%3D%3D&auto=format&fit=crop&w=400&q=60","url":"http://chetanverma.com/"},{"id":"4","title":"Project Four","description":"Marketing","imageSrc":"https://images.unsplash.com/photo-1492171983775-a51717616c0d?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxzZWFyY2h8NjB8fHBhc3RlbHxlbnwwfHwwfA%3D%3D&auto=format&fit=crop&w=400&q=60","url":"http://chetanverma.com/"},{"id":"5","title":"Project Five","description":"Development","imageSrc":"https://images.unsplash.com/photo-1534239143101-1b1c627395c5?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxzZWFyY2h8NzZ8fHBhc3RlbHxlbnwwfHwwfA%3D%3D&auto=format&fit=crop&w=400&q=60","url":"http://chetanverma.com/"},{"id":"6","title":"Project Six","description":"Design & Development","imageSrc":"https://images.unsplash.com/photo-1517479149777-5f3b1511d5ad?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxzZWFyY2h8MTAyfHxwYXN0ZWx8ZW58MHx8MHw%3D&auto=format&fit=crop&w=400&q=60","url":"http://chetanverma.com/"}],"services":[{"id":"1","title":"Art Direction","description":"We help with the creation and development of online advertising ideas, with particular focus on their visual appearance."},{"id":"2","title":"Branding","description":"We design key brand elements such as the logo, color scheme, typography, and other design components that makes your brand stand out from competitors."},{"id":"3","title":"Web Design","description":"We build and optimize your online presence. Website is the digital entry point into your business and a powerful revenue channel."},{"id":"4","title":"3D Design","description":"We combine creative design and technical skills to build striking 3D visualisations that bring your project to life."}],"aboutpara":"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.","resume":{"tagline":"👋 I'm a software engineer, product designer.","description":"I have delivered world-class user experiences to millions of people. Well-versed with React, Javascript, and most of the Web frameworks.","experiences":[{"id":"1","dates":"March 2022 - Present","type":"Full Time","position":"Frontend Engineer at X","bullets":"Bullet One, Bullet Two"},{"id":"d495c23b-4f65-479a-9b8a-cfbc1c089725","dates":"July 2020 - March 2022","type":"Full Time","position":"Frontend Engineer at X","bullets":"Worked on the frontend of a React application, Worked on the frontend of a React application"}],"education":{"universityName":"University X","universityDate":"2016-2020","universityPara":"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book"},"languages":["Javascript","HTML5","CSS","Python","Go"],"frameworks":["React","Typescript","NodeJs"],"others":["Figma","AdobeXD","AWS"]}} |
Oops, something went wrong.