DEV Community

donvitocodes
donvitocodes

Posted on

Create an Online Resume using Gatsby

I developed a gatsby starter to create an online resume. I used Material UI for the theming.

Check the Demo https://donvito-gatsby-resume-starter.netlify.com

Online Resume

🚀 Quick start

  1. Download the starter code from this repo.

GitHub logo donvito / donvito-gatsby-resume-starter

Gatsby starter to create an online resume.

Gatsby

Online Resume - Gatsby Starter

This is a gatsby starter to create your online resume. It uses Material UI for the theming.

Check the Demo https://donvito-gatsby-resume-starter.netlify.com

Gatsby

🚀 Quick start

  1. Edit the data to be populated for your resume

    You can edit the following files:

    1. src/data/summary.json: This data file is used to populate the Summary section.

    2. src/data/contact.json: This data file is used to populate the Contact section.

    3. src/data/experience.json: This data file is used to populate the Experience section.

    4. src/data/skill.json: This data file is used to populate the Skills section.

  2. Start developing.

    Navigate into your new site’s directory and start it up.

    cd donvito-gatsby-resume-starter/
    gatsby develop
    Enter fullscreen mode Exit fullscreen mode
  3. 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…

  1. Add the data to be populated for your resume

    Edit the following files:

    1. src/data/summary.json: This data file is used to populate the Summary section.
    2. src/data/contact.json: This data file is used to populate the Contact section.
    3. src/data/experience.json: This data file is used to populate the Experience section.
    4. src/data/skill.json: This data file is used to populate the Skills section.
  2. Start the site.

    Navigate into your new site’s directory and start it up.

    cd donvito-gatsby-resume-starter/
    gatsby develop
    
  3. Access the site!

    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 donvito-gatsby-resume-starter directory in your code editor of choice and edit src/pages/index.js. Save your changes and the browser will update in real time!

💫 Deploy the sample in Netlify

Deploy to Netlify

Top comments (2)

Collapse
 
devhammed profile image
Hammed Oyedele

Great project but not so responsive 😭😭😭

not responsive

Collapse
 
donvitocodes profile image
donvitocodes • Edited

Thanks for pointing that out, I'm still working on it. If you can help me fix it, more than willing to approve your PR. :)