Simple Weather App

Built using React and TypeScript with APIs. Any bugs or suggestions are welcome. Made with love ❤️.

Reasons for this project

• I wanted to get to know React and TypeScript better
• I wanted to learn how to use APIs in React

Disclaimer

• I'm a beginner in React and TypeScript, so the code may not be the best

Technologies

• React
• TypeScript
• Open-Meteo API
• Reverse Geocoding API from BigDataCloud

Libraries

• Leaflet
• React leaflet
• Tabler Icons for React
• Leflet types

How to run

0. Make sure you have node and npm installed
1. Clone the repository
2. Run npm install
3. Run npm start
4. Open http://localhost:3000 to view it in the browser.

Features

• Get the weather of your current location
• Get the weather of any location by searching for it
• Current forecast
• Current map location
• Forecast for the next 3 days

Note

• Boilerplate was created using create-react-app with a TypeScript template
• All SVGs are from tabler-icons except one from SVG Repo
• Some UI components were taken from UI Verse