✨ Checkbox Technical Challenge ✨

Examen de Ingreso: Full Stack Senior React

Replica este elemento: Checkbox de países:

Ejemplo deseleccionados:

image

Ejemplo Seleccionados:

image

Requisitos:

  • Se deben poder seleccionar individualmente los países.
  • Se deben seleccionar y deseleccionar todos cuando se presiona el checkbox “Select All”.
  • Si esta marcado “Select All”, y por ende todos los otros checkbox también, y se deselecciona uno de los países, “Select All” debe ser deseleccionado.
  • Si se seleccionan todos los países y no “Select All”, “Select All” debe ser seleccionado automáticamente.

Tecnologías:

  • TypeScript
  • Create React App (o Vite, si lo prefieres)

Entrega:

  • Sube el código a GitHub en un repositorio público.
  • La lógica de la app debe estar en app.tsx.
  • Hostea la app en Vercel y envía el link de la demo junto al código de GitHub.

Pasos para correr en local:

  • pnpm i
  • code . && pnpm run dev