https://github.com/rocendotejada/weather-app-ionic-angular

App de Clima hecho en Ionic y Angular
https://github.com/rocendotejada/weather-app-ionic-angular

angular angularjs ionic ionic-framework weather weather-app

Last synced: 25 days ago
JSON representation

App de Clima hecho en Ionic y Angular

• Host: GitHub
• URL: https://github.com/rocendotejada/weather-app-ionic-angular
• Owner: rocendotejada
• License: gpl-3.0
• Created: 2024-12-20T01:55:56.000Z (27 days ago)
• Default Branch: main
• Last Pushed: 2024-12-20T02:16:59.000Z (27 days ago)
• Last Synced: 2024-12-20T03:20:38.193Z (27 days ago)
• Topics: angular, angularjs, ionic, ionic-framework, weather, weather-app
• Language: TypeScript
• Homepage:
• Size: 167 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Weather App - Ionic & Angular

Una aplicación simple de clima desarrollada con **Ionic 7** y **Angular** que permite a los usuarios consultar el clima actual de cualquier ciudad.

---

## Características

- Ingresar el nombre de una ciudad y mostrar el clima actual.

- Diseño responsivo con Ionic.

- Datos obtenidos desde la API de [OpenWeatherMap](https://openweathermap.org/api).

---

## Requisitos previos

Antes de comenzar, asegúrate de tener instalados:

- [Node.js](https://nodejs.org/) (v16 o superior recomendado)

- [Ionic CLI](https://ionicframework.com/docs/cli) (`npm install -g @ionic/cli`)

---

## Instalación

1. Clona este repositorio:

   ```bash

   git clone https://github.com/rocendotejada/weather-app-ionic-angular.git

2. Ve al directorio del proyecto:

    cd weather-app-ionic-angular

3. Instala las dependencias:

    npm install

## Configuración

1. Obtén una API Key de OpenWeatherMap.

2. Crea un archivo .env en la raíz del proyecto y agrega tu API Key:

    API_KEY=tu_api_key

3. (Opcional) Configura variables adicionales según sea necesario.

## Uso

Para iniciar la aplicación en modo desarrollo:

    ionic serve

La aplicación estará disponible en: http://localhost:8100.

## Estructura del Proyecto

    src/

    ├── app/                # Configuración principal de la aplicación

    ├── assets/             # Recursos estáticos

    ├── environments/       # Configuración de entornos

    ├── home/               # Módulo principal

    └── theme/              # Temas y estilos globales