URL: https://test-popups.vercel.app/

Root
├── apps
│   └── web               # Main web project with Vite
└── libs
    ├── components-system # Project with vite, components
    ├── component-a       # Project Vite Component
    └── component-b       # Project Vite Component

• Vite
• Nx
• PNPM
• React
• Prettier
• ESLINT
• Typescript
• Zustand
• TailWind
• Github Actions

Before run you must install the dependencies running: pnpm install

Run pnpx nx serve web to start the development server.

Run pnpx nx run web:build to build the application. The build artifacts are stored in the output directory (dist/apps/web), ready to be deployed.

Can you see the CI en each Pull Request: https://github.com/miguelcast/test-popups/pulls?q=is:pr+is:closed

And the configuration is in the file .github/workflows/ci.yml

Run pnpx nx graph to show the graph of the workspace. It will show tasks that you can run with Nx.

• Initial Setup
• Create components-system project
• Create base components Board, Containers and Header
• Zustand setup
• Create popups store
• Add and Remove Popups
• Drag And Drop Setup
• Horizontal Drop Popups
• Vertical Drop Popups
• Deploy to Vercel or Netflix
• Testing
• Create external component(A and B) for the popups
• Resize Popups width
• Resize Popups height
• Use something like clsx to merge classes
• Fixes Popups
• Refactor updateContainerPosition