https://github.com/chara0511/weather-app

App using React Hooks
https://github.com/chara0511/weather-app

hooks react styled-components

Last synced: 9 days ago
JSON representation

App using React Hooks

• Host: GitHub
• URL: https://github.com/chara0511/weather-app
• Owner: chara0511
• Created: 2020-09-25T20:52:16.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2020-11-25T06:52:28.000Z (about 4 years ago)
• Last Synced: 2024-11-07T12:12:39.928Z (about 2 months ago)
• Topics: hooks, react, styled-components
• Language: JavaScript
• Homepage: https://weather-app-nu-gold.vercel.app/
• Size: 1020 KB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Weather App




   Solution for a challenge from  Devchallenges.io.





  


    

      Demo

    

     | 

    

      Solution

    

     | 

    

      Challenge

    

  



## 🔥 Table of Contents

- [Overview](#overview)

  - [Built With](#built-with)

- [Features](#features)

- [How to use](#how-to-use)

- [Contact](#contact)

- [Acknowledgements](#acknowledgements)

## 🎨 Overview

  💻 Desktop version

    

  ![screenshot](public/images/desktop-version.png)

  📱 Mobile version

![screenshot](public/images/mobile-version.png)

### Built With ⚛️

- [React](https://reactjs.org/)

- [Styled Component](https://styled-components.com/)

## 🎉 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/jcarlos0511/weather-app.git

# Install dependencies

$ npm install

# Run the app

$ npm start

```

## ⚡️ Acknowledgements

- [Pure CSS Animated Icons](https://codepen.io/idifyable/pen/gmPjQK)

- [Steps to replicate a design with only HTML and CSS](https://devchallenges-blogs.web.app/how-to-replicate-design/)

- [Marked - a markdown parser](https://github.com/chjj/marked)

## 👨‍💻 Contact

- GitHub [@jcarlos0511](https://github.com/jcarlos0511)

- Twitter [@charalopez0511](https://twitter.com/charalopez0511)