Project description

𝗪𝗲𝗮𝘁𝗵𝗲𝗿 𝗙𝗼𝗿𝗲𝗰𝗮𝘀𝘁 𝗪𝗲𝗯 𝗔𝗽𝗽𝗹𝗶𝗰𝗮𝘁𝗶𝗼𝗻 is a customized project developed 𝘂𝘀𝗶𝗻𝗴 𝗥𝗲𝗮𝗰𝘁𝗝𝗦, with a focus on providing detailed weather information to users based on their city search. By utilizing the Leaflet React library for mapping features and integrating the OpenWeatherMap API for weather data, this project is designed to meet the client's needs for an intuitive and informative weather forecasting tool.

𝗞𝗲𝘆 𝗙𝗲𝗮𝘁𝘂𝗿𝗲𝘀:

• 𝐂𝐢𝐭𝐲 𝐒𝐞𝐚𝐫𝐜𝐡 : Easily find weather forecasts for any city.
  
• 𝐖𝐞𝐚𝐭𝐡𝐞𝐫 𝐅𝐨𝐫𝐞𝐜𝐚𝐬𝐭: Get detailed 30-day daily and 4-day hourly forecasts.
  
• 𝐅𝐫𝐚𝐧𝐜𝐞 𝐌𝐚𝐩 𝐈𝐧𝐭𝐞𝐠𝐫𝐚𝐭𝐢𝐨𝐧: Explore weather across French departments with a customized map.
  
• 𝐐𝐮𝐢𝐜𝐤 𝐖𝐞𝐚𝐭𝐡𝐞𝐫 𝐈𝐧𝐟𝐨 𝐂𝐚𝐫𝐝: Instantly view current weather conditions.
  
• 𝐖𝐞𝐚𝐭𝐡𝐞𝐫 𝐃𝐞𝐭𝐚𝐢𝐥𝐬 𝐓𝐚𝐛𝐥𝐞: Dive into comprehensive weather data with an organized table layout.
  
• 𝐋𝐚𝐬𝐭 𝐔𝐩𝐝𝐚𝐭𝐞 𝐓𝐢𝐦𝐞𝐬𝐭𝐚𝐦𝐩: Stay informed with the latest weather update timestamps.
  
• 𝐔𝐩𝐝𝐚𝐭𝐞 𝐅𝐫𝐞𝐪𝐮𝐞𝐧𝐜𝐲 𝐋𝐢𝐦𝐢𝐭𝐚𝐭𝐢𝐨𝐧: Ensure accurate data by allowing only one weather update for the same city every 15 minutes.
  
• 𝐑𝐞𝐬𝐩𝐨𝐧𝐬𝐢𝐯𝐞 𝐃𝐞𝐬𝐢𝐠𝐧: Easily view weather information on different devices
  

Screenshots

Preview the Web App :

Live Demo

Setup

Clone

git clone https://github.com/faridmth/React-weather-app.git

Install dependencies

npm i

Start the app

npm start

After starting the app visit : http://localhost:3000/

Build the app

npm run build

Api Used in This Project :

Openweathermap for wather information and Geocoding

Libraries Used in This Project :

React-leaflet for the interactive map

Contact Info :

Linkedin || Twitter