Buscador del Clima con React y TailwindCSS

Demo | Solución

Tabla de contenido

• Información
• Desarrollado con
• Instalación
• Configuración
• Contacto

Información

Aplicación que realiza busqueda del clima de una ciudad y país determinado, consumidos desde una API (openweathermap), desarrollado con react, tailwincss y styled components

Desarrollado con

• React
• Styled Components
• TailwindCSS
• Tailwind macro
• API - Openweathermap

Instalación

• Descargar el repositorio

  $ git clone https://github.com/carlossantesp/clima-app-react.git

• Instalar las dependecias

  NPM

  $ npm install

  YARN

  $ yarn install

• Ejecutar servidor de desarrollo

  NPM

  $ npm run start

  YARN

  $ yarn start

• Construir sitio web para el deploy

  NPM

  $ npm run build

  YARN

  $ yarn build

Configuración

• Copiar el archivo .env-example y renombrarlo por .env.development.local

• Cambiar las variables de entornos

    REACT_APP_WEATHER_KEY=AQUI_TU_KEY_DE_OPENWEATHERMAP
    REACT_APP_WEATHER_URL=http://api.openweathermap.org
    REACT_APP_WEATHER_VERSION="2.5"
    REACT_APP_WEATHER_IMG_WIND=http://openweathermap.org/img/wn

Nota.- Debe reiniciar el servidor de desarrollo para que se cargue la configuración de variables de entorno

Contacto

• Portafolio web carlos.santillan.dev
• GitHub @carlossantesp
• Linkedin @dev-santillan-carlos