https://github.com/mlucchini/halo

🌪 A take on the classic weather app with dynamic SVG animations and React
https://github.com/mlucchini/halo

react svg svg-animations weather weather-app

Last synced: 5 months ago
JSON representation

🌪 A take on the classic weather app with dynamic SVG animations and React

• Host: GitHub
• URL: https://github.com/mlucchini/halo
• Owner: mlucchini
• License: gpl-3.0
• Created: 2017-02-25T12:33:31.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2023-04-06T12:27:52.000Z (about 3 years ago)
• Last Synced: 2024-04-15T14:32:59.489Z (about 2 years ago)
• Topics: react, svg, svg-animations, weather, weather-app
• Language: CSS
• Homepage:
• Size: 2.64 MB
• Stars: 6
• Watchers: 2
• Forks: 1
• Open Issues: 17
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

          
# Halo

[![Build Status](https://img.shields.io/travis/mlucchini/halo.svg)](https://travis-ci.org/mlucchini/halo)

[![Codacy Badge](https://img.shields.io/codacy/grade/84883dcc9ff448839468e7018f326cda/master.svg)](https://www.codacy.com/app/mlucchini/halo/dashboard)

[![Surge Deployment](https://img.shields.io/badge/surge-deployed-brightgreen.svg)](http://halo.surge.sh)

## What it looks like so far

|               |               |

|:-------------:|:-------------:|

| ![Clear sunset in Barcelona](https://github.com/mlucchini/halo/raw/master/readme/barcelona.png "Clear sunset in Barcelona") | ![Cloudy morning in Montpellier](https://github.com/mlucchini/halo/raw/master/readme/montpellier.png "Cloudy morning in Montpellier") |

| Clear sunset in Barcelona | Cloudy morning in Montpellier |

| ![Light clouds in Rio](https://github.com/mlucchini/halo/raw/master/readme/rio.png "Light clouds in Rio") | ![Sunrise in San Francisco](https://github.com/mlucchini/halo/raw/master/readme/san-francisco.png "Sunrise in San Francisco") |

| Light clouds in Rio | Sunrise in San Francisco |

## Main usage

This project was bootstrapped with [Create React App](https://github.com/facebookincubator/create-react-app),

so it's best to refer to the Create React App documentation.

```sh

npm install

npm test

npm start

npm run storybook

```

## Acknowledgements

Based on the [Lakeside animation](

https://dribbble.com/louiscoyle/projects/243171-Lakeside) by Louis Coyle.