Portfolio for developers

Theme

Adagedo-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 Vercel
• Or with Netlify, check Netlify branch
• A contact form protected by Google Recaptcha
• Can be deployed with one click
• Functional components with Recompose React Hooks! ready to migrate to React hooks!
• Fetches your Github pinned projects with most stars (You could customize this if you wish)
• One click deployment to Vercel

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 Formium and grab your form endpoint url
2. Grab a Google recaptcha key from Google Recaptcha
3. Grab your Github token from GitHub

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

To Env variables section.

Locally

1. Grab a Google recaptcha key from Google Recaptcha
2. Grab your Github token from GitHub
3. Run cp .env.development.template .env.development
4. Run npm i && npm start

Deploying locally to Netllify

I highly recommend that you push to GitHub/GitLab and deploy your repository to Vercel instead or just hit the Deploy button.

Built with

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