- Explore and learn some cool new tech.
- Have fun.
- Feed unhealthy fixation of building the most enterprise level game of life.
# Install packages
npm ci
# Install husky
npm run prepare
# Run tests
npm test
# Run the app
npm run dev
![](https://raw.githubusercontent.com/JamesHarrisonZa/game-of-life-2021/master/./public/images/tech/next-js.svg)
- Simple client side navigation/routing. (Avoiding page refresh)
- Code splitting & prefetching
- Each page only loads what’s necessary
- Homepage loads quickly
- Pages become isolated. (If one page throws an error, the rest of the application would still work)
- Automatically prefetches the code for the linked page in the background
- The next page transition will be near-instant.
<Image>
component
- Ensuring they are responsive on different screen sizes
- Optimised
- Lazy loaded by default and load when they enter the viewport.
![](https://raw.githubusercontent.com/JamesHarrisonZa/game-of-life-2021/master/./public/images/tech/chakra-ui.svg)
- Simple, modular and accessible component library
![](https://raw.githubusercontent.com/JamesHarrisonZa/game-of-life-2021/master/./public/images/tech/react.svg)
![](https://raw.githubusercontent.com/JamesHarrisonZa/game-of-life-2021/master/./public/images/tech/jest.svg)
![](https://raw.githubusercontent.com/JamesHarrisonZa/game-of-life-2021/master/./public/images/tech/type-script.svg)
![](https://raw.githubusercontent.com/JamesHarrisonZa/game-of-life-2021/master/./public/images/tech/eslint.svg)
![](https://raw.githubusercontent.com/JamesHarrisonZa/game-of-life-2021/master/./public/images/tech/prettier.svg)