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
- Uso de los colores, fuentes y otros elementos multimedia elegidos en este archivo.
- El diseño sea adaptable a distintas pantallas (Responsive Design).
- Tener el mínimo de errores o advertencias en la consola del navegador.
- No dejar
console.log
que se muestren en el navegador, puede borrarlos antes de subirlo a producción. - La interfaz va a ser sólo visual, los botones y otras herramientas no van a realizar ninguna interacción.
- 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.
- Recomendación: Usar formateadores de código como: EsLint y Prettier para mayor legibilidad del código.
- Usar comentarios si lo ve necesario.
- 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.
Puedes utilizar cualquiera, la usada en este mismo caso es Red Hat Display.
- 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 delJSON
. - Si desea obtener más información sobre la
API
, visite la documentación oficial: https://rickandmortyapi.com/documentation/#rest