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

• Host: GitHub
• URL: https://github.com/ffrancoc/react-weather-app
• Owner: ffrancoc
• Created: 2024-04-29T22:35:49.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-04-29T22:39:07.000Z (about 1 year ago)
• Last Synced: 2025-01-31T04:36:08.186Z (4 months ago)
• Language: TypeScript
• Homepage:
• Size: 157 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

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)