Context

As a user I'd like to have a clear table of content with active link change when I scroll through headings.

Technical

We should have a table of content with text in gray by default.
When hover or the heading is active, it should become orange with underlining style and/or border-left coloured in orange

• Current title should be highlighted
• Accessbility score should not decrease

Context

Performance on mobile is not always good because the DOM on index page is big.
In order to improve google search ranking, it should be improved.

Technical

The index page contains a lot of svg making the DOM containing too many elements.
One way to solve this issue is to draw element when they are visible with for example react-window and react-virtualized-auto-sizer.
Here is an example: https://markoskon.com/displaying-hundreds-of-images-with-react-window-and-gatsby-image/

Context

For UX design, it's recommended to keep width small for content so that it's easier to read and catch up what user wants.

Technical

• Blog image should be larger
• Blog content should be narrower (see between 650px and 800px)

Context

Currently it produces a nodejs exception:

{"errorType":"Error","errorMessage":"The module '/var/task/.cache/query-engine/assets/prebuilds/linux-x64/node.abi93.node'\nwas compiled against a different Node.js version using\nNODE_MODULE_VERSION 93
...

Expected behaviour

Redirects all unknown page to https://arnaud-deprez.powple.com/404

Context

Since latest gatsby-plugin-sitemap, we should update the sitemap with lastmod (= lastModified date) as per https://www.gatsbyjs.com/plugins/gatsby-plugin-sitemap/#recommended-usage.

In robots.txt, we should also disallow to any /blog/tags/* page.

Context

As an author we would like to better understand our public.
The goal is to only collect anonymous data and so for that we should not have to request user consent.

Technical

• Add Google Tag Manager with google Analytics and make sure we only collect anonymous data
• Update privacy policy

Context

As a user, I'd like to quickly share a post I liked on Twitter, Facebook, Linked'In, Reddit

Legal

This should also update our privacy policy regarding sharing on social network.

Technical

Look for direct link to share, perhaps some react component library can help here.

Acceptance criteria

• a user can share a post on Twitter
• a user can share a post on Facebook
• a user can share a post on Linked'In
• a user can share a post on Reddit
• privacy policy is up to date to let user known these social network will be able to know from where there are coming

Context

As a user I'd like to be able to add comment to a blog, tell what I like and what I don't.

Technical

• Disqus looks a popular solution here.
• Don't forget to update privacy policy as well.

Acceptance criteria

• a user can post a comment on a blog
• a user can read comments from other user
• privacy policy is updated according to the cookies it uses and why so the user is aware

Context

As a user, if I see an error in a post, I'd like to be able to modify it easily.

Technical

Add a link Edit on github. Look for Fontawesome fa-edit icon :-)

Acceptance criteria

• a user can edit a post on github

Context

Current accessibility is very high but not 100%. That's mainly because our links does not have a sufficient contrast with white background.

Technical

One quick way without changing style of the whole site is to put link colour a bit darker than the primary colour.

• Accessibility score should be 100%