Atmosphere is a real-time weather application built with React, Tailwind CSS, and Axios. It allows users to search for weather information by the name of the city, providing up-to-date weather data including temperature, humidity, wind speed, and more. Additionally, the app dynamically changes the weather image based on the current weather conditions for the searched city.
- React: Utilized for building the user interface and managing state efficiently.
- Tailwind CSS: Used for styling the user interface components, providing a sleek and responsive design.
- Axios: Implemented for making API calls to fetch weather data from the OpenWeather API.
- Search by City: Users can search for weather information by entering the name of the city.
- Real-Time Data: Atmosphere provides real-time weather data, ensuring users receive the latest updates.
- Dynamic Weather Image: The app dynamically updates the weather image based on the current weather conditions, enhancing the user experience.
To run Atmosphere locally, follow these steps:
- Clone the repository:
- Navigate to the project directory:
- Install dependencies:
- Start the development server:
- The application will be accessible at http://localhost:3000 in your web browser.
Atmosphere fetches weather data from the OpenWeather API. You can learn more about the API and sign up for an API key here.
Contributions to Atmosphere are welcome! If you encounter any bugs or have suggestions for improvements, please open an issue on the GitHub repository.