Portfolio v6

Environment

Prerequisites to work on the project

• A recent version of Node.js
• Python 3 (only required for the fetch-linkedin task)

Main technologies

• Preact
• Styled components
• Photoswipe

Branching model

I'm using the GitFlow branching model.

Local development with dev server

npm run start

Build the website for production

npm run build

Pages are pre-rendered via react-snap.

Deploy to preprod/production

GitHub Actions is used to build & deploy the website with GitFlow.

Deploy to preprod:

Push to a release/*-*-* branch

URL: https://preprod.kevinpainchaud.fr

Deploy to production:

Push to the master branch

URL: https://www.kevinpainchaud.fr

Fetch experience & education data from LinkedIn

npm run fetch-linkedin

This command run a script to update the src/data/experience.json & src/data/education.json files with data fetched from my LinkedIn profile.

Required: A .env file with the LinkedIn credentials:

LINKEDIN_USERNAME=XXX
LINKEDIN_PASSWORD=XXX

Find and fix problems in the JavaScript code

npm run lint

Serve the dist directory

npm run serve

Analyse the webpack bundle content

npm run analyze-bundle

Feedback

If you have any question/suggestion/bug, please feel free to create an issue or email me.