URL: https://test-popups.vercel.app/
Grabacion.de.pantalla.2024-04-19.a.la.s.2.55.25.p.m.mov
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