MapCast

MapCast is an interactive weather map project which provides real-time weather information through API integration, displayed with a pinpoint marker indicating the actual location of the place on the map. The project aims to create a visually appealing and informative map, making weather data more accessible and fun.

Features

1. Interactive Map with Weather Data: Displays a dynamic map with customizable markers, showing weather information for each location. Simply click on any location on the map to retrieve weather details for that spot.
2. Search Bar and Pinpointing: Use the search bar to find a specific location, and the map will pinpoint it while displaying the weather information.
3. Custom Info Box: Displays detailed weather information, including a 5-day weather forecast for the selected location.
4. Dark/Bright Mode: Toggle between dark and bright modes for a more comfortable viewing experience.

Technologies Used

• HTML/CSS: For structuring and styling the web pages.
• JavaScript: For implementing client-side logic and dynamic behavior.
• Leaflet.js: Lightweight JavaScript library for rendering interactive maps.
• Bootstrap: Used for creating a responsive navigation bar.
• OpenWeatherMap API: Provides real-time weather data integrated with the map.

Setup

1. Clone the repository: Clone the repository to your local machine.
2. Install Dependencies: Open the index.html file in your browser or use a web server to run the project.