A sleek and modern weather app built with ReactJS, utilizing the WeatherAPI. The app features a glassy finish design for an enhanced user experience.
- Real-time Weather Data: Get current weather updates for any location.
- Search Functionality: Search for weather information by city name.
- Responsive Design: Optimized for both desktop and mobile devices.
- Glassy Finish: Modern and attractive glass-like user interface.
-
Clone the repository:
git clone https://github.com/amitkrmaurya09/weatherApp.git cd weatherApp -
Install dependencies:
npm install
-
Set up WeatherAPI:
-
Sign up at WeatherAPI and get your API key.
-
Create a
.envfile in the root directory and add your API key:REACT_APP_WEATHER_API_KEY=your_api_key_here
-
-
Start the development server:
npm start
The app will be available at
http://localhost:5173/.
- Enter the name of a city in the search bar to get the current weather information.
- The app will display temperature, weather conditions, humidity, and wind speed.
- ReactJS: JavaScript library for building user interfaces.
- WeatherAPI: API for accessing weather data.
- CSS3: For styling the glassy finish UI.
Contributions are welcome! Please follow these steps:
- Fork the repository.
- Create a new branch (
git checkout -b feature-branch). - Make your changes.
- Commit your changes (
git commit -m 'Add some feature'). - Push to the branch (
git push origin feature-branch). - Open a pull request.
This project is licensed under the MIT License - see the LICENSE file for details.
