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

Colores

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

Fuente

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

Consumo del API REST de Rick y Morty

Tips y recomendaciones

• También para probar sus conocimientos sobre el consumo de API's en este caso en la sección de AUTORES de la interfaz reemplazarla por 3 personajes que salen en la API de Rick y Morty: https://rickandmortyapi.com/api/character.
• Recomendación: Utilice la aplicación Postman para mejor lectura del JSON.
• Si desea obtener más información sobre la API, visite la documentación oficial: https://rickandmortyapi.com/documentation/#rest