This React Weather App allows users to fetch weather information by typing the name of a city. The application is built with React and Vite and utilizes Axios for fetching weather data from the OpenWeatherMap API. Tailwind CSS is used for styling the user interface.
- City-based Weather Search: Users can enter the name of a city to fetch current weather information.
- Responsive Design: The user interface is designed to be responsive and work seamlessly across different screen sizes.
- Live Weather Updates: Weather information is fetched in real-time from the OpenWeatherMap API, providing accurate and up-to-date data.
To run the Weather App locally, follow these steps:
- Clone this repository:
git clone https://github.com/Chouikhi-abdallah/React-Realtime-Weather-App.git
- Navigate to the project directory:
cd <project-directory>
- Install dependencies:
npm install or yarn install
- Install Axios:
npm install axios
- Start the development server:
npm run dev
- React: A JavaScript library for building user interfaces.
- Vite: A fast build tool that leverages native ES modules for faster development and HMR.
- Axios: A promise-based HTTP client for making API requests.
- Tailwind CSS: A utility-first CSS framework for styling web applications.
This application uses the OpenWeatherMap API to fetch weather data. You will need to sign up for an API key at OpenWeatherMap and replace YOUR_API_KEY
in the App.jsx
file with your actual API key.
Contributions are welcome! If you have any suggestions, bug reports, or feature requests, please open an issue or submit a pull request.