Pokemons - Lerna MonoRepo Project with Next.js

This project was bootstrapped with Lerna.

Notes

• The Project contains 3 packages:
  • components
  • utils
  • pokedex
• components contains reusable React components
• utils contains utilities for data fetching and interfaces
• pokedex contains the main functionality of the Next.js project
• Typescript, Redux and MUI were used
• Data are fetched into the app by using Fetch API and are displayed with the @mui/x-data-grid
• Jest Unit Tests were set to run for components package
• For client-side routing, the next/router was used
• Storybook UI tool was installed in the main project for development, testing, and documentation purposes of components package
  • Basic configurations were done for Header, Grid and Pokemon react components
• lerna-dockerize package was installed to generate a dockerfile for lerna project
• Screenshots of the running project and Storybook can be found at /screenshots

Todo/Could have list

• Move any styles into SCSS files
• React Intl to be set for internationalization and localization purposes
• Config json file can be created to contain applications' configurations for locale and grid options

Available Scripts

From the root folder, install all the needed packages with:

`npm i`

In the project directory, you can run:

npm run bootstrap

Installs the dependencies for all of the packages in the repository and links any cross-dependencies

npm run build

Builds all of the packages in the repository, in parallel

npm run start

Runs the project on port :3000

npm run build-storybook

Builds a static version of a Storybook instance

npm run storybook

Starts the Storybook instance on port :6006

npm run lerna-dockerize

Builds Docker images for the packages in a monorepo managed by Lerna