Portfolio for developers

Theme

Gatsby-theme-portfolio

Features

• 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 Github Actions
• A contact form protected by Google Recaptcha
• Automatically deployed on every update on "master"
• Fetches your Github pinned projects with most stars (Easily customized)

Design

Project on Behance

Structure

.
├── data
│   └── config              # SEO related tags
├── src
│   └── assets              # Assets
│   │   │── icons             # icons
│   │   │── illustrations     # illustrations from (undraw.co)
│   │   └── thumbnail         # cover of your website when it's shared to social media
│   ├── components          # Components
│   │   │── common            # Common components
│   │   │── landing           # Components used on the landing page
│   │   └── theme             # Header & Footer
│   └── pages               # Pages
└── static                  # favicon & Netlify redirects

Prerequisites

Online

1. Create an account at Formik and grab your form endpoint url
2. Grab a Google recaptcha key from Google Recaptcha
3. Grab your Github token from GitHub
4. Add secrets to your Github repository that contains:

• Formik form endpoint
• Google recaptcha public key
• Github token

Locally

1. Create an account at Formik
2. Grab a Google recaptcha key from Google Recaptcha
3. Grab your Github token from GitHub
4. Run cp .env.development.template .env
5. Run npm install && npm start

Deploying locally

The repository is using Github Page to deploy, the base branch is pre-configured at "gh-pages" using the NPM package "gh-pages".

Clean the cache

This removes the .cache/ & public/ folders

npm run reset

Build

npm run build

Deploy

npm run deploy

Built with

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

License

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

Contributors

• Ajay NS smakosh/gatsby-portfolio-dev#3
• Ryan Lee smakosh/gatsby-portfolio-dev#6
• David smakosh/gatsby-portfolio-dev#8
• Léu Almeida smakosh/gatsby-portfolio-dev#21
• Kudakwashe Mupeni smakosh/gatsby-portfolio-dev#20
• sasannnn smakosh/gatsby-portfolio-dev#22
• Michael Seifarth smakosh/gatsby-portfolio-dev#27
• Hugo smakosh/gatsby-portfolio-dev#34 smakosh/gatsby-portfolio-dev#35
• manula thejan smakosh/gatsby-portfolio-dev#38
• Benjamin Lo smakosh/gatsby-portfolio-dev#40
• Yassine Rais smakosh/gatsby-portfolio-dev#41
• Smakosh
• Tri Van PHam