Skip to content

LeonardoYz/Weather-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

53 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

⛅ 𝗪𝗲𝗮𝘁𝗵𝗲𝗿 𝗔𝗽𝗽

❗ Solution for a challenge from Devchallenges.io

Links   |    Technologies   |    How To Use

🔎 About: See weather in your city/state or anywhere in the world.

⚔️ 𝗧𝗵𝗲 𝗰𝗵𝗮𝗹𝗹𝗲𝗻𝗴𝗲

Users should be able to see or perform:

  • City weather by default, preferably current location
  • Search by any city
  • Weather of today and next 5 days
  • The date and location of the weather
  • According to image for each type of weather
  • The min and max degree each day
  • Wind status and wind direction
  • Humidity percentage
  • Visibility indicator
  • Request current location weather
  • Convert temperature in Celsius to Fahrenheit

⚙️ 𝗣𝗹𝘂𝘀

✔️ If user rejects current location request permission, location will be fetched through the ip address.

✔️ Search autocomplete.

🖥️ 𝗗𝗲𝘀𝗸𝘁𝗼𝗽

📱 𝗠𝗼𝗯𝗶𝗹𝗲

🗔 Demo URL: Demo

💡 Solution: Solution

🗡️ Challenge: Challenge

⚡️ 𝗧𝗲𝗰𝗵𝗻𝗼𝗹𝗼𝗴𝗶𝗲𝘀

  • ReactJS
  • Typescript

📚 𝗨𝘀𝗲𝗱 𝗟𝗶𝗯𝗿𝗮𝗿𝗶𝗲𝘀/𝗣𝗮𝗰𝗸𝗮𝗴𝗲𝘀

  • Styled components
  • React icons
  • React toastify
  • Axios
  • Lodash

📡 𝗔𝗣𝗜𝘀 𝘂𝘀𝗲𝗱 𝗶𝗻 𝗮𝗽𝗽𝗹𝗶𝗰𝗮𝘁𝗶𝗼𝗻

📌 𝗛𝗼𝘄 𝗧𝗼 𝗨𝘀𝗲

# Clone this repository
$ git clone https://github.com/LeonardoYz/Weather-App.git

# Go into the repository
$ cd Weather-App

# Install dependencies
$ yarn install

# Run the application
$ yarn start