Gatsby Theme CV

Build Your CV in Just 2 Min

Checkout this link to understand how to use gatsby theme (https://www.gatsbyjs.org/tutorial/using-a-theme/)

Let's Start adding your details

1. Create project directory

2. cd directory

3. yarn init -y

   Add below script in package.json file

   "scripts": {
       "build": "gatsby build",
       "develop": "gatsby develop",
       "serve": "gatsby serve",
       "clean": "gatsby clean"
   }

4. yarn add gatsby react react-dom @mhjadav/gatsby-theme-cv

5. add gatsby-config.js and add below code

   module.exports = {
       plugins: [
           {
               resolve: '@mhjadav/gatsby-theme-cv',
               options: {
                   contentPath: 'data',
                   basePath: '/'
               }
           }
       ]
   }

6. Create data/cv.json and data/images/pic.jpg

7. Check out sample json below and replace content as you like

8. gatsby develop got to http://localhost:8000/

Sample JSON

{
    "profilePic": "images/profile.jpg",
    "metaInfo": {
        "title": "Mahipat Jadav Portfolio",
        "description": "Full stack developer, I have designed and developed fast and responsive web applications using Javascript, ReactJS, Redux, NodeJs, GraphQl, Bootstrap, Gatsby",
        "favicon": "",
        "website": ""
    },
    "about": {
        "name": "Mahipat Jadav",
        "location": "Ahmedabad, Gujarat",
        "email": "[email protected]",
        "phoneNumber": "+91-9898226919",
        "description": "Full stack developer, I have designed and developed fast and responsive web applications using Javascript, ReactJS, Redux, NodeJs, GraphQl, Bootstrap, Gatsby"
    },
    "skills": [
        {
            "name": "Javascript",
            "rating": "8",
            "maxRating": "10"
        },
        {
            "name": "Html",
            "rating": "10",
            "maxRating": "10"
        },
        {
            "name": "Css",
            "rating": "5",
            "maxRating": "10"
        },
        {
            "name": "React",
            "rating": "8",
            "maxRating": "10"
        }
    ],
    "langauges": [
        {
            "name": "Gujarati",
            "rating": "10",
            "maxRating": "10"
        },
        {
            "name": "Hindi",
            "rating": "10",
            "maxRating": "10"
        },
        {
            "name": "English",
            "rating": "8",
            "maxRating": "10"
        }
    ],
    "social": [
        {
            "name": "github",
            "link": "https://github.com"
        },
        {
            "name": "twitter",
            "link": "https://twitter.com"
        },
        {
            "name": "linkedin",
            "link": "https://linkedin.com"
        }
    ],
    "experience": [
        {
            "title": "Software Enginer",
            "company": "Company Pvt. Ltd.",
            "from": "March 2017",
            "to": "Current",
            "description": "Lorem ipsum dolor sit amet. Praesentium magnam consectetur vel in deserunt aspernatur est reprehenderit sunt hic. Nulla tempora soluta ea et odio, unde doloremque repellendus iure, iste."
        },
        {
            "title": "Software Enginer",
            "company": "Company Pvt. Ltd.",
            "from": "March 2017",
            "to": "July 2019",
            "description": "Lorem ipsum dolor sit amet. Praesentium magnam consectetur vel in deserunt aspernatur est reprehenderit sunt hic. Nulla tempora soluta ea et odio, unde doloremque repellendus iure, iste."
        },
        {
            "title": "Software Enginer",
            "company": "Company Pvt. Ltd.",
            "from": "March 2017",
            "to": "July 2019",
            "description": "Lorem ipsum dolor sit amet. Praesentium magnam consectetur vel in deserunt aspernatur est reprehenderit sunt hic. Nulla tempora soluta ea et odio, unde doloremque repellendus iure, iste."
        },
        {
            "title": "Software Enginer",
            "company": "Company Pvt. Ltd.",
            "from": "March 2017",
            "to": "July 2019",
            "description": "Lorem ipsum dolor sit amet. Praesentium magnam consectetur vel in deserunt aspernatur est reprehenderit sunt hic. Nulla tempora soluta ea et odio, unde doloremque repellendus iure, iste."
        }
    ],
    "education": [
        {
            "title": "Compouter Science And Engineering",
            "college": "Some College of Engineering 1",
            "from": "June 2007",
            "to": "Current",
            "description": "Lorem ipsum dolor sit amet. Praesentium magnam consectetur vel in deserunt aspernatur est reprehenderit sunt hic. Nulla tempora soluta ea et odio, unde doloremque repellendus iure, iste."
        },
        {
            "title": "Compouter Science And Engineering",
            "college": "Some College of Engineering 1",
            "from": "June 2007",
            "to": "July 2011",
            "description": "Lorem ipsum dolor sit amet. Praesentium magnam consectetur vel in deserunt aspernatur est reprehenderit sunt hic. Nulla tempora soluta ea et odio, unde doloremque repellendus iure, iste."
        },
        {
            "title": "Compouter Science And Engineering",
            "college": "Some College of Engineering 1",
            "from": "June 2007",
            "to": "July 2011",
            "description": "Lorem ipsum dolor sit amet. Praesentium magnam consectetur vel in deserunt aspernatur est reprehenderit sunt hic. Nulla tempora soluta ea et odio, unde doloremque repellendus iure, iste."
        },
        {
            "title": "Compouter Science And Engineering",
            "college": "Some College of Engineering 1",
            "from": "June 2007",
            "to": "July 2011",
            "description": "Lorem ipsum dolor sit amet. Praesentium magnam consectetur vel in deserunt aspernatur est reprehenderit sunt hic. Nulla tempora soluta ea et odio, unde doloremque repellendus iure, iste."
        },
        {
            "title": "Compouter Science And Engineering",
            "college": "Some College of Engineering 1",
            "from": "June 2007",
            "to": "July 2011",
            "description": "Lorem ipsum dolor sit amet. Praesentium magnam consectetur vel in deserunt aspernatur est reprehenderit sunt hic. Nulla tempora soluta ea et odio, unde doloremque repellendus iure, iste."
        }
    ]
}