- Sitio web en Vue3 y Firebase desarrollado por Damir Mandakovic como prueba técnica para proceso de selección Afex Chile
- Vue3 and Firebase website developed by Damir Mandakovic for Afex Chile in recruitment process.
Demo: https://damirmandakovic-afex-prueba.netlify.app/
El sitio web tiene como objetivo permitirle al usuario agregar videos de youtube a una galería, manipulando la lista generada y con la posibilidad de revisar algunos de sus datos y ver los videos.
- Vue3 (Composition API)
- Vite
- eslint
npm install
npm run dev
npm run build
Lint con ESLint
npm run lint
Para agregar un nuevo video, se debe ingresar la dirección completa del video en Youtube, ya sea en formato www.youtube.com o youtu.be y hacer click en Añadir. Se notifica al usuario si se agregó correctamente el video a la lista:
Haciendo click en la miniatura del video, se abre un modal que permite ver el título del video y su descripción. Haciendo click en la imagen del video del modal, se puede ver el video sin salir del sitio web.
Para eliminar un video, solo basta hacer click en la cruz de la miniatura en la galería.
Todos los modals son cerrables haciendo click en las cruces correspondientes o fuera del modal.