A sleek and modern weather application built using React and Vite, leveraging the OpenWeather API for real-time weather updates. Explore the app live at Weather-KM.
- Real-Time Weather Data: Get current weather information for any city worldwide.
- Responsive Design: Optimized for seamless use across devices.
- User-Friendly Interface: Simple and intuitive navigation for a great user experience.
- Fast Loading: Built with Vite for lightning-fast performance.
Check out the live application here: Weather-KM
A snapshot of the Weather App in action.
- React: Frontend library for building the UI.
- Vite: Modern build tool for blazing-fast performance.
- OpenWeather API: Fetching real-time weather data.
- CSS: For styling the application.
Follow these steps to run the project locally:
-
Clone the repository:
git clone https://github.com/manyamkarthik/weatherapp.git
-
Navigate to the project directory:
cd weatherapp -
Install dependencies:
npm install
-
Start the development server:
npm run dev
-
Open your browser and go to:
http://localhost:3000
To run this project, you need to set up the following environment variable:
- Create a
.envfile in the root directory. - Add your OpenWeather API key:
VITE_APP_WEATHER_API_KEY=your_openweather_api_key
- Users enter a city name to fetch current weather data.
- The app displays temperature, weather conditions, and more.
- All data is fetched dynamically using the OpenWeather API.
Contributions are welcome! Feel free to fork the repository and submit a pull request. Here's how:
- Fork the repository.
- Create a new branch:
git checkout -b feature-name
- Commit your changes:
git commit -m "Added feature" - Push to the branch:
git push origin feature-name
- Submit a pull request.
If you have any questions or feedback, feel free to reach out:
- Email: harikarthikmanyam@gmail.com
- LinkedIn: https://www.linkedin.com/in/karthik-manyam/
Enjoy using the Weather App! Stay updated with real-time weather information anytime, anywhere.
