Este desafío implica la creación de una aplicación en React que consuma la API de OpenWeather y muestre el clima actual y las predicciones meteorológicas para los próximos días.
Esta aplicación permite al usuario seleccionar de una lista ya predeterminada la ciudad de su preferencia para obtener la información meteorológica más reciente. Adicionalmente puede elegir su ubicación actual para una experiencia de usuario más personalizada.
Se utilizan create-react-app, bootstrap, @mdi-font y sass como herramientas principales para cumplir con el desarrollo del desafío. La arquitectura de código utilizada está basada en las convenciones estándar de la industria.
La aplicación se encuentra desplegada y disponible en Github Pages utilizando Travis CI como plataforma de CI/CD.
Si lo desea, la aplicación puede ejecutarse en su entorno local. Para lograrlo siga las siguientes instrucciones:
- Clone el repositorio:
git clone git@github.com:adc91/challenge-rflow.git - Ingrese al directorio del proyecto creado en el paso anterior:
cd challenge-rflow/ - Instale todas las dependencias necesarias para el proyecto:
yarn installonpm install - Compile el proyecto para su versión de producción:
yarn buildonpm run build - Instale el servidor NPM para ejecutar el proyecto en su entorno local:
yarn global add serveonpm install -g serve - Levante el servidor NPM con la versión compilada y optimizada del proyecto:
yarn run serveonpm run serve - Abra http://localhost:3000 para verlo en su navegador
En el directorio del proyecto, ejecute:
Ejecuta la aplicación en el modo de desarrollo.
Abra http://localhost:3000 para verlo en su navegador.
La página se volverá a cargar cuando realice cambios.
También puede ver errores en consola.
Construye la aplicación para producción en la carpeta build
Empaqueta correctamente React en modo de producción y crea los archivos optimizados para obtener el mejor rendimiento.
La compilación se minimiza y los nombres de archivo incluyen hashes.
Una vez completada la ejecución la aplicación estará lista para el ser implementada en producción.
Ejecuta los tests en modo interactivo. De forma predeterminada, ejecuta pruebas relacionadas con los archivos modificados desde el último commit.
Ejecuta todos los tests configurados sin el modo interactivo. Utilice esta opción para realizar ejecutar todos los tests.