gnovotny / weheartafrica

An experimental website featuring a reactive layout that is computed and animated using voronoi tessellations

Description

An experimental website. The project is abandoned, incomplete, buggy, non-performant and the code is messy and unoptimized.

Because a GIF is worth a thousand words:

Composition

Employed libraries include:

• React -> front-end JavaScript library
• Next.js -> web development framework for react
• Tailwind -> utility-first CSS framework
• Jotai -> state-management solution for react
• Framer Motion -> animation library for react
• PixiJS -> 2D WebGL renderer.

Features

• experimental reactive layout that is computed and animated using voronoi tessellations

Running Locally

This application requires Node.js v14+.

git clone https://github.com/gnovotny/weheartafrica.git
cd weheartafrica
yarn install
yarn dev

Acknowledgements

• LEBEAU Frank for his work on voronoi diagrams
• Modded version of d3-voronoi-map included in the source code LICENSE
• Modded version of d3-weighted-voronoi included in the source code LICENSE
• Modded version of jsclipper included in the source code LICENSE
• Modded version of locomotive-scroll included in the source code LICENSE

License

The MIT License