Skip to content

lauthieb/lauthieb.dev

master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

lauthieb.dev

Portfolio of Laurent Thiebault πŸš€

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 Netlify
  • A contact form protected by Google Recaptcha
  • Can be deployed with one click
  • Functional components with React Hooks!
  • Fetches your Github pinned projects with most stars (You could customize this if you wish)

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

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

GITHUB_TOKEN=xxxxxxxxxx

Get your GitHub access token

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

SITE_RECAPTCHA_KEY=xxxxx

SITE_RECAPTCHA_SECRET=xxxxx

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

Installing

Installing the dependencies

npm install

Start the dev server

npm start

Clean the cache

This removes the .cache/ & public/ folders

npm run reset

Built with

  • Adobe XD
  • Gatsby
  • React & GraphQL
  • 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 details