Microfrontend pokedex app

Built using

• React with TS

• Vite

• pnpm

• upstash-Redis

• Apollo-client

• Pokemon graphql

• Daisy ui and Tailwind CSS

Get Started

1. Clone Repo

2. Global install pnpm npm i -g pnpm and install deps using cmd pnpm i

3. Generate DaisyUI and Tailwind css classes

• Navigate to mfe-ui-components package - cd packages\mfe-ui-components\
• Run cmd pnpx tailwindcss -i ./src/input.css -o ./dist/output.css

4. From the root of the project, run all workspaces parallely pnpm run --parallel dev

5. App shell severed on localhost:8083

Microfrontend Architecture