A portfolio for developers
Clone or download
Latest commit d85f902 Jan 3, 2019
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode done Dec 27, 2018
data add more documentation Dec 28, 2018
src dynamic year Dec 31, 2018
static done Dec 27, 2018
.eslintrc.js done Dec 27, 2018
.gitignore done Dec 27, 2018
.prettierrc done Dec 27, 2018
LICENSE.md done Dec 27, 2018
README.md Update README.md Jan 3, 2019
gatsby-browser.js done Dec 27, 2018
gatsby-config.js add analytics to the config file Dec 28, 2018
gatsby-node.js done Dec 27, 2018
gatsby-ssr.js done Dec 27, 2018
package.json add smoth scrolling Dec 27, 2018
yarn.lock add smoth scrolling Dec 27, 2018


Portfolio for developers


  • Eslint/Prettier configured
  • Scores 100% on a11y / Performance / PWA / SEO
  • PWA (desktop & mobile)
  • Easy to customize
  • Nice project structure
  • Amazing illustrations by Undraw.co
  • Tablet & mobile friendly
  • Continuous deployment with Netlify
  • A contact form protected by Google Recaptcha
  • Can be deployed with one click
  • Functional components with Recompose, ready to migrate to React hooks!
  • Fetches your Github pinned projects with most stars (You could customize this if you wish)


Project on Behance


├── data
│   └── config              # SEO related tags
├── src
│   ├── components          # Components
│   │   │── common          # Common components
│   │   │── landing         # Components used on the landing page
│   │   └── theme           # Header & Footer
│   └── pages               # Pages
└── static                  # Icons, favicon & SVG illustrations



Please create a new file .env.development and put this env variable with your GitHub token

If you're building locally, you will have to create a new file .env.production and put the same env variable


Don't forget to edit your site's data on data/config.js file with your Google Recaptcha public key

When deploying on Netlify, you will have to set the private key as well



I highly recommend you check this repository for more details about the Google Recaptcha and Netlify forms


Installing the dependencies


Start the dev server

yarn start

Clean the cache

This removes the .cache/ & public/ folders

yarn reset

Built with

  • Adobe XD
  • Gatsby
  • React & GraphQL
  • VSCode
  • And these useful of JavaScript libraries & Gatsby plugins package.json


This project is licensed under the MIT License - see the LICENSE.md file for details


If you like this Gatsby theme and want to support me, you can do so through Patreon

Support me on Patreon