Weather App 🌤️
Jun 2024 - Jun 2024
The Weather App is a modern, interactive weather application that provides users with real-time weather information. Built with React, Material-UI, and Mapbox GL, it utilizes the OpenWeatherMap API to fetch detailed weather data. Users can search for weather information by city name or use their current location to get updates.
Key Features:
- City-Based Search: Users can input a city name to receive the latest weather details.
- Current Location Updates: The app can use the device's current location to fetch and display weather information.
- Interactive Globe: The app includes a Mapbox GL interactive globe to visualize the searched or current location.
- Detailed Weather Information: Displays comprehensive weather data including temperature, feels-like temperature, minimum and maximum temperatures, humidity, and weather description.
- Responsive Design: The application is fully responsive, ensuring a seamless experience across various devices.
Technologies Used:
- React: For building the user interface.
- Material-UI: For styling and UI components.
- Mapbox GL: For the interactive map and geolocation features.
- OpenWeatherMap API: For fetching real-time weather data.
- Axios: For making API requests.
Challenges and Learnings:
- Implementing geolocation features to fetch and display the user's current weather.
- Integrating Mapbox GL for interactive map functionalities.
- Handling asynchronous API requests and managing state efficiently in a React application.