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

https://github.com/mooenz/weather-app-master

https://mooenz.github.io/weather-app-master/
https://github.com/mooenz/weather-app-master

create-react-app javascript nodejs react styled-components

Last synced: 2 months ago
JSON representation

https://mooenz.github.io/weather-app-master/

Awesome Lists containing this project

README

          

Weather app


Solution for a challenge from Devchallenges.io.




Demo

|

Solution

|

Challenge


## Table of Contents

- [Table of Contents](#table-of-contents)
- [Overview](#overview)
- [Built With](#built-with)
- [Features](#features)
- [How To Use](#how-to-use)
- [Contact](#contact)

## Overview

![screenshot](./mooenz-desktop.jpg)
![screenshot](./mooenz-mobile.jpg)

### Built With

- [React](https://reactjs.org/)
- [Styled Components](https://styled-components.com/)
- [Api Weather](https://openweathermap.org/)

## Features

This application/site was created as a submission to a [DevChallenges](https://devchallenges.io/challenges) challenge. The [challenge](https://devchallenges.io/challenges/mM1UIenRhK808W8qmLWv) was to build an application to complete the given user stories.

## How To Use

To clone and run this application, you'll need [Git](https://git-scm.com) and [Node.js](https://nodejs.org/en/download/) (which comes with [npm](http://npmjs.com)) installed on your computer. From your command line:

```bash
# Clone this repository
$ git clone https://github.com/your-user-name/your-project-name

# Install dependencies
$ npm install

# Run the app
$ npm start
```

## Contact

- Website [mooenz.me](https://www.mooenz.me/)
- GitHub [@mooenz](https://github.com/Mooenz)
- Twitter [@mooenzdev](https://twitter.com/MooenzDev)