Adding feature of MapCard component to visually display weather data on a map.

[RishabhSri17]

Problem: Users could only view weather data in text format as there was no visual representation of weather patterns or geographical context.

Proposed Solution: I propose adding a new MapCard component featuring an interactive map with Leaflet has been added to the application. It visualizes weather data, including temperature and precipitation layers, with a toggle to switch between views. The map centers on the selected location, marked to show specific weather conditions, making forecasts more intuitive and engaging.

I have already implemented the MapCard component, which visualise the varying temperature and precipitation pattern through the OpenWeatherMap API.

Changes Implemented:

• Added a new MapCard component to the application.
• Displaying map using Leaflet Library and OpenWeatherMap API.

Please assign this issue to me, and kindly add the Hacktoberfest tag for tracking.