Skip to content

Finished|http://imgfz.com/i/lK7mYC9.jpeg|http://imgfz.com/i/LgPnM82.jpeg|http://imgfz.com/i/r7TDW4w.jpeg|The challenge was simple, to make a Weather application that allows to get someplace forecast and display it in cards with all data and visual icons.|In order to complete a challenge for devChallenge.io, the app was created using Create-React…

Notifications You must be signed in to change notification settings

Seba-Toso/Gueder-Chanel

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation



Hi there, I’m Sebastian!

Welcome to this forecast project! 👉 Gueder Channel 👈

You can even play with it

This project was deployed in Netlify 🙌. Here

Or follow these steps to clone the repository

Whoa, hold on!👮‍♂️ Before you make a move, you need to have git and npm installed on your PC.

  1. CLONE

    Enter $ git clone https://github.com/Seba-Toso/Gueder-Chanel in your command shell and then press ENTER.

  2. GO TO THE PROJECT FOLDER
    cd Gueder-Chanel

  3. INSTALL PACKAGES AND LIBRARIES
    npm install

  4. START IT UP
    npm start

That's it, have fun!

WOW, I made it!🤯 But, how does this thing WORK

The site has a welcome screen and a sidebar, please take for good to read all displayed data about global warming and climate change.

Main Screen
Here you will find two views. On left side will see todays data (temperature, weather state, and location) and on the right side will be the week forecast and todays highligths.
At top-right corner, a button will allow you to get your current location and will show forecast.
Open the side-bar by clicking on the search button. Once oppened, you can search for cities using the input field. Finally, confirm the searched city by clicking it on the city list, the forecast will be fetched and data will be shown.



Live long and prosper 🖖



To develop this site was used:

  1. React, react-switch , react-progress-bar, react-icons.
  2. Netlify for Develop
  3. Git for control verion
  4. Rob--W cors anywhere API to do the requests.

    If you have an trouble accessing data, enter https://cors-anywhere.herokuapp.com/corsdemo and allow you pc to use the API

  5. Metaweather API for getting the forecast.



Screenshots

screenshots

About

Finished|http://imgfz.com/i/lK7mYC9.jpeg|http://imgfz.com/i/LgPnM82.jpeg|http://imgfz.com/i/r7TDW4w.jpeg|The challenge was simple, to make a Weather application that allows to get someplace forecast and display it in cards with all data and visual icons.|In order to complete a challenge for devChallenge.io, the app was created using Create-React…

Topics

Resources

Stars

Watchers

Forks