Este repositorio contiene mi solución para la prueba técnica de Desarrollador Front-End React para Raona. A continuación, se describen los detalles de la solución, las instrucciones para ejecutar y configurar el proyecto.
En esta solución, he optado por utilizar React con TypeScript como base de desarrollo. He organizado el código en componentes reutilizables, separando las diferentes partes de la página en componentes individuales para mejorar la legibilidad y la escalabilidad del código.
A nivel visual, he utilizado Fluent UI para crear una interfaz de usuario. Los estilos están escritos en Sass para una mayor organización y reusabilidad.
Aseguré que la aplicación fuera responsive, lo que significa que se verá y funcionará correctamente en dispositivos móviles y en diferentes tamaños de pantalla.
Implementé un manejo adecuado de estados de carga y errores, lo que garantiza que el usuario reciba retroalimentación adecuada durante la interacción con la aplicación.
Si se me asignara más tiempo, podría implementar las siguientes mejoras:
- Agregar paginación para mostrar más resultados y permitir la navegación entre páginas.
- Realizar pruebas unitarias para asegurar el funcionamiento correcto de los componentes y las acciones de Redux.
- Configurar un proceso de implementación automatizada para desplegar la aplicación en un entorno de producción.
- Mejorar la interfaz de usuario asegurándome de que la experiencia del usuario sea atractiva y fluida.
- Implementar enrutamiento utilizando una biblioteca como React Router para permitir una navegación fluida entre diferentes vistas de la aplicación.
- Clona este repositorio en tu máquina utilizando el comando:
git clone https://github.com/dev-eloy/movie-app.git
- Instalar dependencias:
- Navegue a la carpeta del proyecto:
cd movie-app
Ejecute el siguiente comando para instalar las dependencias del proyecto:
npm install
- Iniciar la aplicación: Una vez que se hayan instalado todas las dependencias, ejecute el siguiente comando para iniciar la aplicación:
npm starto -yarn start
Esto iniciará la aplicación en http://localhost:3000
En esta solución, he demostrado mi habilidad para desarrollar aplicaciones React utilizando las tecnologías mencionadas anteriormente. Aunque he logrado cumplir con los requisitos básicos del proyecto en el tiempo asignado, reconozco que hay oportunidades para mejorar y enriquecer la aplicación.
Si se me brindara más tiempo, aprovecharía para implementar mejoras adicionales y funcionalidades avanzadas, como pruebas unitarias, paginación más robusta, filtros avanzados y una experiencia de usuario más pulida y atractiva. Estoy seguro de que esta base sólida podría expandirse y optimizarse aún más.
Cualquier pregunta, no duden en contactarme.
¡Saludos!
