aitkarmimouad/weather-app

⛅ See the weather in your city/state or anywhere in the world

❗ The weather api is down so does the application ❗

⛅ 𝗪𝗲𝗮𝘁𝗵𝗲𝗿 𝗔𝗽𝗽

Solution for a challenge from Devchallenges.io.

Demo | Challenge

---

Links   |    Technologies   |    How To Use

🔎 About: See the 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 the 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 the user rejects the current location request permission, the location will be fetched through the ip address.

✔️ Search autocomplete.

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

• ReactJS
• Material-UI
• Styled components
• tailwindcss - twin.macro
• axios
• framer-motion

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

• ☀️ MetaWeather
• 🗄️ IpInfo

📌 𝗛𝗼𝘄 𝗧𝗼 𝗨𝘀𝗲

To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:

# Clone this repository
$ git clone https://github.com/AitkarmiMouad/Weather-app.git

# Install dependencies
$ npm install

# Run the app
$ npm start

---

This project was bootstrapped with Create React App.

---