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. :)