PRUEBA TÉCNICA DE GRAFOSOFT S.A.S

Antes de empezar a desarrollar el proyecto planteado, tener en cuenta las siguientes tecnologías y entornos de desarrollo:

  • ReactJS
  • NextJS (Opcional)
  • TypeScript (Opcional)
  • Conocimientos en el consumo de API's
  • Conocimientos en el manejo del formato JSON
  • CSS
  • Tailwind (Opcional)
  • Responsive Design (Diseño Adaptable)
  • Postman
  • Visual Studio Code
  • Git y GitHub

Tips que se van a revisar en el aspecto visual de la aplicación:

  1. Uso de los colores, fuentes y otros elementos multimedia elegidos en este archivo.
  2. El diseño sea adaptable a distintas pantallas (Recomendación: No enfocarse tanto en este tema por el tiempo, pero si es necesario que se maneje un poco el responsive design).
  3. Tener el mínimo de errores o advertencias en la consola del navegador.
  4. No dejar console.log que se muestren en el navegador, puede borrarlos antes de subirlo a producción.
  5. La interfaz va a ser sólo visual, los botones y otras herramientas no van a realizar ninguna interacción.

Tips que se van a revisar en el aspecto técnico de la aplicación:

  1. Escribir código limpio, ej: realizar funciones cortas, reutilizar componentes, iterar componentes que usen el mismo diseño y que sólo cambie la información, seguir los estándares de clean code que recomienda el equipo de desarrollo de ReactJS y NextJS, etc.
  2. Recomendación: Usar formateadores de código como: EsLint y Prettier para mayor legibilidad del código.
  3. Usar comentarios si lo ve necesario.
  4. Subir el código terminado por medio de los comandos de git o en la interfaz de visual studio code, para luego abrir un PULL REQUEST en el cual será revisado posteriormente.

INTERFAZ DE LA APLICACIÓN

capture

Colores

  • Color primario: #7DA870 #7DA870
  • Color secundario: #E9A763 #E9A763
  • Color terciario: #343A3F #343A3F

Fuente

Puedes utilizar cualquiera, la usada en este mismo caso es Red Hat Display.

Consumo del API REST de Rick y Morty

Captura de pantalla 2023-09-13 a la(s) 11 20 36 a m

Tips y recomendaciones