Si en caso el programador clonó el repositorio de manera local, lo que se debe hacer es abrir una consola, ya sea en el compilador o en la carpeta en donde se tiene clonado el proyecto y escribir npm install, para poder descargar todas las dependencias y módulos que se utilizaron en el desarrollo del proyecto. Luego de haber hecho la insalación, se recomienda escribir en esa misma consola el siguiente comando: npm start. El anterior comando sirve para poder el proyecto en el puerto 3000 de la computadora del programador y verlo funcionar en el navegador.
La página local para ver el proyecto es: http://localhost:3000. Esto es recomendable escribirlo en caso de que no se haya podido abrir de manera automática el proyecto en el navegador.
Actualmente, el proyecto lo que hace es poder dar información del clima y la hora que se tiene en una ciudad mediante un API. Para poder acceder a esta información climática, lo que se debe hacer es escribr el nombre de la ciudad que el usuario desea buscar en la página principal de la aplicación desarrollada. La información que da el programa es la siguiente: la hora que se tiene en el país, un ícono especial para indicar si en la ciudad es de día, tarde o noche, o por otro lado si existiera algún tipo de situación climática especial en la ciudad, la humedad que hay en la ciudad de consultada, la velocidad del viento en la ciudad, la presión que se tiene en la ciudad y la temperatura en grados centígrados de la misma en el instante que se solicitó. Finalmente, el programa indica si en la cuidad está nevando, lloviendo, hay sol, etc. Esta última información se encuentra ubicada a la par de la temperatura de la cuidad.
Este proyecto es útil porque aquí se puede aprender a como consultar APIs, usar React por medio de npm-react-app y a usar Hooks. También es útil para poder entender como es que funcionan las predicciones del clima y como se le puede informar a un usuario el tipo de clima que hay. Asimismo, se puede aprender cuales son los diferentes códigos que se usan para poder clasificar el tipo de clima que hay en un país. Finalmnete, este proyecto es útil para poder practicar el css de una página web.
Para poder comenzar este proyecto, es importante tener instalado un compilador que brinde una terminal, como lo es Visual Studio Code. Asimismo, es importante tener instalado npm y React App en la computadora del programador. También es importante que el usuario tenga a la mano esta API: https://api.openweathermap.org/data/2.5/weather?q=${city}&appid=fe4feefa8543e06d4f3c66d92c61b69c. También es importante que el usuario pueda ingresar a este link: https://openweathermap.org/weather-conditions, dado que durante la codificación del proyecto se estará usando una matriz que servirá para poder asignar los íconos del clima, en base a la respuesta del API.
Los usuarios pueden recibir ayuda con respecto al proyecto escribiéndome al inbox de Github, así se podría acordar una cita virtual y resolver dudas.
En estos momentos, únicamente soy yo el que mantiene y contribuye al proyecto, dado que es un proyecto personal de la universidad.
Para el presente proyecto, se está usando React, Axios y Styled-Components.
En el caso de React, se escogió esta tecnología para poder darle una mejor y más rápida interacción al usuario con la aplicación. Asimismo, esta es una de las tecnologías encargadas para poder mantener levantado el proyecto sin ningún problema. Esta tecnología la utilizaría nuevamente para otro proyecto de web, puesto que aún se mantiene muy vigente en el ámbito del dearrollo web y de aplicaciones móviles. También es una tecnología que aún es muy mantenida por la comunidad y los desarrolladores.
Axios es la tecnología que se encarga de poder mandar a traer los datos que se encuentran en el API del clima. Esta tecnología es la encargada de poder recibir toda la información que se necesita al momento de que el usuario ingresa una ciudad en donde se quiera ver el clima. Esta tecnología la utilizaría en ciertos proyectos del futuro, dado que es bastante similar al método fetch que se usa también en JavaScript. Asimismo, es una tecnología que tiene bastante documentación como videos, artículos y aún es mantenida por los propios desarrolladores y la comunidad.
Finalmente, se usó Styled-Components para poder darle estilo a todo lo visual que se encontraba en la aplicación web. Esta tecnología la usaría nuevamente para futuros proyectos que tenga que programar, dado que esta es la encargada de poder diseñar correctamente un sitio web responsive sin ningún problema. Asimismo, es una tecnología que aún sigue siendo muy respaldada por los creadores y la comunidad activa de programadores web. Por otro lado, esta es una tecnología que casi es la única en poder mantener el diseño de una página web.