Welcome to the Weather WebApp – your go-to source for comprehensive weather information! This advanced web app leverages multiple APIs to provide you with detailed insights about your selected country, including its country code and state code. Based on this gathered information, the Weather WebApp computes precise longitude and latitude coordinates to deliver accurate and up-to-date weather forecasts.
- OpenWeatherMap API (v2.5): Fetches real-time weather data for the specified coordinates.
- GeoCoding API (v1.0): Retrieves geographical data based on the provided location details.
- restCountries (v2.0): Offers comprehensive country information, including capital cities.
- PexelsApi: Retrieves background Image Data based on the country result from reatCountries Api.
- React Vite: A fast development environment for building responsive React applications.
- React Icons: Provides a wide range of icons to enhance the visual appeal of the app.
- React Router Dom: Enables seamless navigation and routing within the web app.
- Sass: A powerful CSS preprocessor for enhancing the styling and design.
Interaction and Response: The Weather WebApp responds to user input in the DOM with JSON-formatted data( logs the data for more analysis ), providing a rich and dynamic experience. Feel free to explore and enjoy the accurate weather forecasts and country information at your fingertips!
To get started with this project, follow these steps:
- Clone the repository to your local machine using Git:
git clone https://github.com/mono-basim/Weather-Web-App-StyleIncluded.git- dependecies Installation based on package json
npm install- Run on your local machine
npm run devnpm run build