Klimate is a modern weather application that brings real-time weather updates and forecasts to your fingertips. With a sleek user interface and reliable data, Klimate helps you plan your day better. 🌍
- Real-Time Weather: Get live weather updates for your location.
- Location-Based Forecast: Search and view weather for any city worldwide.
- Responsive Design: Beautiful on any device — mobile, tablet, or desktop.
- Dark Mode: Toggle between light and dark themes seamlessly.
- Weekly Forecast: Detailed 7-day forecast with temperature, humidity, and wind speed.
- Frontend: React.js, Tailwind CSS
- API: OpenWeather API
- Deployment: Vercel/Netlify
Follow these steps to set up the project locally:
- Node.js and npm installed.
- OpenWeather API key.
-
Clone the repository:
git clone https://github.com/MayankGhatawal/Klimate.git cd Klimate -
Install dependencies:
npm install
-
Add your API key:
- Create a
.envfile in the root directory. - Add the following line:
REACT_APP_WEATHER_API_KEY=your_api_key_here
- Create a
-
Start the application:
npm run dev
The application is live! Check it out here: Klimate Live
Contributions are welcome! Please follow these steps:
- Fork the project.
- Create a new branch:
git checkout -b feature/YourFeatureName
- Make your changes and commit them:
git commit -m "Add some feature" - Push to the branch:
git push origin feature/YourFeatureName
- Open a pull request.
This project is licensed under the MIT License. See the LICENSE file for details.
Feel free to reach out if you have any questions or suggestions:
- GitHub: MayankGhatawal
- Email: [email protected]
Enjoy using Klimate! ☁️✨
### How to Use It
- Replace placeholders like `your_api_key_here`, `https://your-deployed-link.com`, and `[email protected]` with the actual information.
- Add real screenshots or UI mockups in place of the placeholder images for `Light Mode` and `Dark Mode`.
- Update the deployment link with the live URL if you have deployed the app.