An open API service indexing awesome lists of open source software.

https://github.com/ffrancoc/react-weather-app

Simple aplicación para mostrar información del clima por medio de la api weatherapi
https://github.com/ffrancoc/react-weather-app

Last synced: 3 months ago
JSON representation

Simple aplicación para mostrar información del clima por medio de la api weatherapi

Awesome Lists containing this project

README

        

# Weather App

### React + TypeScript + Vite

Simple aplicación para mostrar información del clima por medio de una api.

# Instalación

Crear archivo .env en la raiz del proyecto y crear las siguientes variables dentro:

VITE_WEATHER_URL="https://api.weatherapi.com/v1/current.json"

VITE_WEATHER_COUNTRY="Guatemala"

VITE_WEATHER_API_KEY=XXXXXXXXXXXXXXX

#

Modificar el archivo vite-env.d.ts crear el siguiente código:

interface ImportMetaEnv {

     readonly VITE_WEATHER_URL: string

     readonly VITE_WEATHER_COUNTRY: string

     readonly VITE_WEATHER_API_KEY: number

}

# Vista Escritorio
![url](https://github.com/ffrancoc/react-weather-app/blob/main/screenshoots/desktop.png)

# Vista Móvil
![url](https://github.com/ffrancoc/react-weather-app/blob/main/screenshoots/mobile.jpg)