https://github.com/maximoospital/climapp

Aplicacion que mide el clima y da pronostico segun geolocalizacion
https://github.com/maximoospital/climapp

clima geolocation glassmorphism react weather

Last synced: 29 days ago
JSON representation

Aplicacion que mide el clima y da pronostico segun geolocalizacion

• Host: GitHub
• URL: https://github.com/maximoospital/climapp
• Owner: maximoospital
• Created: 2022-06-28T03:04:12.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2022-06-29T15:58:44.000Z (over 2 years ago)
• Last Synced: 2023-03-11T19:47:03.149Z (almost 2 years ago)
• Topics: clima, geolocation, glassmorphism, react, weather
• Language: JavaScript
• Homepage:
• Size: 820 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# [![Logo](https://i.imgur.com/KruXczo.png)](https://maximoospital.github.io/Climapp/)

### This minimalistic weather app take the user's geolocation and gives an animated forecast, complete with backgrounds for each weather condition. [Visit the app](https://maximoospital.github.io/Climapp/)

## Features

- Geolocated weather

- 7-day forecast

- Animated backgrounds and icons

## Screenshots

![App Screenshot](https://i.imgur.com/mnUbaYn.png)

![App Screenshot](https://i.imgur.com/oDfo3xK.png)

## Libraries used

 - [React](https://github.com/facebook/react)

 - [OpenWeatherMap API](https://openweathermap.org/)

 - [MUI Core](https://github.com/mui/material-ui)

## Run locally

You will need node and npm installed in your computer to run this app.

Clone the project

```bash

  git clone https://github.com/maximoospital/Climapp.git

```

Go to the project directory

```bash

  cd Climapp

```

Install requirements

```bash

  npm installl

```

Run app

```bash

  npm start

```

To be able to use the OpenWeatherMap API to get the weather and forecast, you should first get an account and a Free Weather API Key at the [OpenWeatherMap website](https://openweathermap.org/appid) and insert it in the .env file at the root directory on the following line,

```bash

  REACT_APP_API_KEY =

```

Visit app

```bash

  localhost:3000

```

[![Logo](https://i.imgur.com/XlF4lM5.png)](https://github.com/maximoospital)