{"id":22343111,"url":"https://github.com/soumojit622/klimate-weatherapp","last_synced_at":"2026-01-27T03:35:13.504Z","repository":{"id":262396703,"uuid":"887103552","full_name":"soumojit622/Klimate-WeatherApp","owner":"soumojit622","description":"🌦️ Klimate is a sleek weather forecast app 🌍, built with React ⚛️, TypeScript 💻, Tailwind CSS 🎨, and the OpenWeather API 🌤️. Get real-time 5-day weather forecasts 📅 with details like temperature 🌡️, humidity 💧, and wind speed 💨. Fast, responsive, and easy to use! 🚀","archived":false,"fork":false,"pushed_at":"2024-11-16T19:11:54.000Z","size":482,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-10-14T18:32:10.770Z","etag":null,"topics":["openweathermap-api","react","shadcn-ui","tailwindcss","tanstack-react-query","typescript","vite"],"latest_commit_sha":null,"homepage":"https://klimate-chi.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/soumojit622.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2024-11-12T07:07:08.000Z","updated_at":"2024-11-18T13:20:30.000Z","dependencies_parsed_at":"2025-10-14T18:31:48.675Z","dependency_job_id":"515272b1-3587-4258-b592-dd23706aa57d","html_url":"https://github.com/soumojit622/Klimate-WeatherApp","commit_stats":null,"previous_names":["soumojit622/klimate-weatherapp"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/soumojit622/Klimate-WeatherApp","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/soumojit622%2FKlimate-WeatherApp","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/soumojit622%2FKlimate-WeatherApp/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/soumojit622%2FKlimate-WeatherApp/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/soumojit622%2FKlimate-WeatherApp/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/soumojit622","download_url":"https://codeload.github.com/soumojit622/Klimate-WeatherApp/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/soumojit622%2FKlimate-WeatherApp/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28799709,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-27T01:07:07.743Z","status":"online","status_checked_at":"2026-01-27T02:00:07.755Z","response_time":168,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["openweathermap-api","react","shadcn-ui","tailwindcss","tanstack-react-query","typescript","vite"],"created_at":"2024-12-04T08:14:53.185Z","updated_at":"2026-01-27T03:35:13.483Z","avatar_url":"https://github.com/soumojit622.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🌦️ Klimate - Weather Forecast App\n\n![Klimate Banner](https://github.com/soumojit622/Klimate-WeatherApp/blob/master/public/banner.png) \u003c!-- Replace with your actual image URL --\u003e\n\nWelcome to **Klimate** – a sleek, responsive weather forecast application built with the latest technologies to provide accurate weather forecasts. With Klimate, you can quickly check the 5-day weather forecast for any location, complete with detailed information on temperature, humidity, wind speed, and more!\n\n## 🌐 [Live Here](https://klimate-chi.vercel.app/) \u003c!-- Replace with the actual URL of your live app --\u003e\n\n### 🚀 Go To:\n- [Features](#-features)\n- [Usage](#-usage)\n- [Customization](#-customization)\n- [Setup \u0026 Installation](#-setup--installation)\n- [Project Structure](#-project-structure)\n- [Contributing](#-contributing)\n- [Contact](#-contact)\n\n---\n\n## 🚀 Features\n\n- **Real-time 5-day Forecast**: Get up-to-date weather forecasts for any location worldwide.\n- **Responsive Design**: Optimized for all devices and screen sizes.\n- **Detailed Weather Data**: View temperature, humidity, wind speed, and weather conditions.\n- **Fast Performance**: Built with [Vite](https://vitejs.dev/) and [TanStack Query](https://tanstack.com/query/latest) for efficient data loading and caching.\n- **Modern UI**: Styled with [Tailwind CSS](https://tailwindcss.com/) and [ShadCN UI](https://shadcn.dev/) for a clean, minimal, and elegant design.\n\n## 🛠️ Technologies Used\n\n- **[React](https://reactjs.org/)** and **[TypeScript](https://www.typescriptlang.org/)**: Ensures a modern, type-safe, and scalable codebase.\n- **[Vite](https://vitejs.dev/)**: Lightning-fast development experience with minimal configuration.\n- **[Tailwind CSS](https://tailwindcss.com/)** and **[ShadCN UI](https://shadcn.dev/)**: Provides a responsive, beautiful, and consistent UI.\n- **[TanStack Query](https://tanstack.com/query/latest)**: Efficient data fetching, caching, and synchronization with OpenWeather API.\n- **[OpenWeather API](https://openweathermap.org/)**: Reliable, real-time weather data for accurate forecasts.\n\n## 📸 Screenshots\n\n\u003c!-- Add screenshots or GIFs of the app here --\u003e\n\n## 🏗️ Project Structure\n\n- **`src/components`**: Reusable UI components (e.g., cards, icons).\n- **`src/api`**: API-related files for OpenWeather requests and handling responses.\n- **`src/pages`**: Core pages for displaying weather data.\n- **`src/types`**: Type definitions for TypeScript integration.\n- **`src/utils`**: Utility functions and helpers for data formatting.\n\n## 🔧 Setup \u0026 Installation\n\n1. **Clone the Repository**\n\n    ```bash\n    git clone https://github.com/yourusername/klimate.git\n    cd klimate\n    ```\n\n2. **Install Dependencies**\n\n    ```bash\n    npm install\n    ```\n\n3. **Get OpenWeather API Key**\n\n    - Sign up at [OpenWeather](https://openweathermap.org/) to get your API key.\n    - Create a `.env` file in the root of your project and add your API key:\n\n      ```bash\n      VITE_OPENWEATHER_API_KEY=your_api_key_here\n      ```\n\n4. **Run the App**\n\n    ```bash\n    npm run dev\n    ```\n\n5. **Open Klimate in Your Browser**\n\n    Navigate to [http://localhost:5173](http://localhost:5173).\n\n## 🧰 Usage\n\n1. **Search for a City**: Use the search bar to enter a city name.\n2. **View Forecast**: Klimate will display the 5-day forecast, showing key weather details for each day.\n3. **Interpret Icons**: Weather icons and color-coded temperatures make it easy to understand the forecast at a glance.\n\n## 🖌️ Customization\n\n- **UI Styling**: Modify Tailwind CSS classes in `src/components` to change the appearance.\n- **Weather Icons**: Use different icons or styles from ShadCN UI to match your preferences.\n- **API Requests**: Adjust API call frequency or add additional parameters as needed.\n\n## 🤝 Contributing\n\nContributions are welcome! If you have suggestions or improvements, please fork the repository and open a pull request.\n\n---\n\n## 📧 Contact\n\nFor any questions or feedback, reach out to:\n\n- Email: [soumojitbanerjee22@gmail.com](mailto:soumojitbanerjee22@gmail.com)\n\n## 👨‍💻 Created by [Soumojit Banerjee](https://www.linkedin.com/in/soumojit-banerjee-4914b3228/)\n\nFeel free to connect with me on [LinkedIn](https://www.linkedin.com/in/soumojit-banerjee-4914b3228/).\n\n---\n\n## 🙏 Thank You\n\nThank you for using **Klimate**!! Special thanks to the teams behind **Vite**, **React**, **TypeScript**, **Tailwind CSS**, **ShadCN UI**, and **OpenWeather API** for providing the essential tools that make **Klimate** possible.\n\n## ❤️ Special Thanks\n\nGrateful for the guidance from **ChatGPT** in bringing this project to completion!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsoumojit622%2Fklimate-weatherapp","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsoumojit622%2Fklimate-weatherapp","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsoumojit622%2Fklimate-weatherapp/lists"}