The Weather App is a web application built using TypeScript, React, Redux, and Vite. It utilizes the OpenWeather API to display current weather details and a 5-day forecast for selected cities. Users can add up to 4 cities to their dashboard to track the weather and remove them as needed.
The app displays the current weather details, including temperature, weather description, humidity, wind speed, etc., for the selected city.
Users can view a 5-day forecast for the selected city, providing insights into temperature trends over the next five days.
Users can add up to 4 cities to their dashboard to track the weather. The dashboard allows users to easily monitor multiple cities' weather at a glance.
Users can add new cities to the dashboard and remove existing ones as needed. This feature enables customization based on the user's preferences.
The app is designed to be responsive, ensuring a seamless experience across various devices and screen sizes.
TypeScript: Ensures type safety and enhances code readability and maintainability. React: A JavaScript library for building user interfaces, used for creating the front end of the Weather App. Redux: A predictable state container for JavaScript apps, used for managing application state, including city data in the dashboard. Vite: A fast, opinionated web development build tool that serves your code via native ES Module imports during development and bundles it with Rollup for production.
Clone the repository: git clone https://github.com/your-username/weather-app.git Navigate to the project directory: cd weatherapp Install dependencies: npm install Create an account on OpenWeather and obtain API keys for the current weather and forecast APIs. Start the development server: npm run dev Open your browser and navigate to http://localhost:5173 to view the app.
Search for a city using the search bar to see the current weather details and the 5-day forecast. To add a city to the dashboard, click on the "Add to Dashboard" button. To remove a city from the dashboard, click on the "Remove" button next to the city name.
Contributions to the Weather App are welcome! If you find any bugs or have suggestions for new features, please open an issue or submit a pull request.