Create your resume in a few minutes with this totally responsive starter using React. Show off your skills, work experiences and activities in github.
-
Create a Gatsby site.
Use the Gatsby CLI to create a new site, specifying the default starter.
# create a new Gatsby site using the default starter npx gatsby new my-default-starter https://github.com/santosfrancisco/gatsby-starter-cv -
Start developing.
Navigate into your new site’s directory and start it up.
cd my-default-starter/ npm run develop -
Open the source code and start editing!
Your site is now running at
http://localhost:8000!_Note: You'll also see a second link:
http://localhost:8000/___graphql. This is a tool you can use to experiment with querying your data. Learn more about using this tool in the Gatsby tutorial._Open the
my-default-starterdirectory in your code editor of choice and editsrc/pages/index.js. Save your changes and the browser will update in real time! -
Generate production build
That command will generate a production build on public folder
npm run buildUpdate the configuration file with your data. The configuration file is in data/siteConfig.js
Skills is a set of your personal skills and their respective levels ranging from > 0 to 100. jobs is a set of your work experiences
module.exports = {
siteTitle: 'Francisco Santos',
siteDescription: `Create your online curriculum in just a few minutes with this starter`,
authorName: 'Francisco Santos',
twitterUsername: '_franciscodf',
githubUsername: 'santosfrancisco',
authorAvatar: '/images/avatar.jpeg',
authorDescription: `Developer, passionate about what I do. Always interested in how the sites were made, I started to study HTML by hobby. <br />
In 2012 I started working as a support technician and I approached the developers.
In 2015, I started to study C # and started to contribute with the team giving maintenance in an application in C # and .NET. <br />
I currently work as a frontend developer and mainly work with <strong>Javascript, NodeJS e React.</strong>`,
skills: [
{
name: 'HTML',
level: 70
},
{
name: 'CSS',
level: 60
},
{
name: 'Javascript',
level: 50
},
{
name: 'NodeJs',
level: 40
},
{
name: 'React',
level: 60
},###
{
name: 'Git',
level: 70
}
],
jobs: [
{
company: "Lendico",
begin: {
month: 'apr',
year: '2018'
},
duration: null,
occupation: "Frontend developer",
description: "I integrate the Frontend team responsible for developing and maintaining the online lending platform."
}, {
company: "Anapro",
begin: {
month: 'dec',
year: '2016'
},
duration: '1 yr e 5 mos',
occupation: "Fullstack developer",
description: "Development and maintenance, corrective and preventive, of web applications for the real estate market."
}, {
company: "Anapro",
begin: {
month: 'set',
year: '2012'
},
duration: '4 yrs e 3 mos',
occupation: "Support Technician",
description: "Responsible for the implementation and parameterization of the system, training and customer support. Acting also in person in real estate launches guaranteeing the success and good use of the tool."
},
/* ... */
],
portifolio: [
{
image: "/images/gatsby-starter-cv.png",
description: "Gatsby starter CV template",
url: "https://www.gatsbyjs.org/starters/santosfrancisco/gatsby-starter-cv/"
},
{
image: "/images/awesome-grid.png",
description: "Responsive grid for ReactJS",
url: "https://github.com/santosfrancisco/react-awesome-styled-grid"
},
/* more portifolio items here */
],
social: {
twitter: "https://twitter.com/_franciscodf",
linkedin: "https://www.linkedin.com/in/santos-francisco",
github: "https://github.com/santosfrancisco",
email: "yoshi.df@gmail.com"
},
siteUrl: 'https://santosfrancisco.github.io/gatsby-starter-cv',
pathPrefix: '/gatsby-starter-cv', // Note: it must *not* have a trailing slash.
siteCover: '/images/cover.jpeg',
googleAnalyticsId: 'UA-000000000-1',
background_color: '#ffffff',
theme_color: '#25303B',
display: 'minimal-ui',
icon: 'src/assets/gatsby-icon.png',
headerLinks: [
{
label: 'Francisco Santos',
url: '/',
}
]
}