{"id":23867160,"url":"https://github.com/kirankumar-matham96/weathersphere-react","last_synced_at":"2026-04-12T10:35:28.469Z","repository":{"id":269893258,"uuid":"908767530","full_name":"kirankumar-Matham96/WeatherSphere-react","owner":"kirankumar-Matham96","description":"Weather Sphere is a responsive web application that provides historical weather forecasts based on user-input location and date ranges. It visualizes data in charts and tables with pagination, offering an intuitive user experience.","archived":false,"fork":false,"pushed_at":"2024-12-27T21:37:46.000Z","size":213,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-02-22T15:47:37.153Z","etag":null,"topics":["axios","axios-cache-adapter","react-dom","react-loader-spinner","reactjs","recharts","redux-toolkit","tailwindcss","vite","zod"],"latest_commit_sha":null,"homepage":"https://weather-sphere-react.vercel.app","language":"JavaScript","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/kirankumar-Matham96.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}},"created_at":"2024-12-26T23:15:25.000Z","updated_at":"2024-12-27T21:37:50.000Z","dependencies_parsed_at":null,"dependency_job_id":"bca0d5f4-b3b3-4504-82a9-46559a36bdf6","html_url":"https://github.com/kirankumar-Matham96/WeatherSphere-react","commit_stats":null,"previous_names":["kirankumar-matham96/weathersphere-react"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/kirankumar-Matham96/WeatherSphere-react","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kirankumar-Matham96%2FWeatherSphere-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kirankumar-Matham96%2FWeatherSphere-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kirankumar-Matham96%2FWeatherSphere-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kirankumar-Matham96%2FWeatherSphere-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kirankumar-Matham96","download_url":"https://codeload.github.com/kirankumar-Matham96/WeatherSphere-react/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kirankumar-Matham96%2FWeatherSphere-react/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265728956,"owners_count":23818733,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["axios","axios-cache-adapter","react-dom","react-loader-spinner","reactjs","recharts","redux-toolkit","tailwindcss","vite","zod"],"created_at":"2025-01-03T10:16:25.851Z","updated_at":"2025-12-30T22:07:09.226Z","avatar_url":"https://github.com/kirankumar-Matham96.png","language":"JavaScript","readme":"# Weather Sphere\n\nWeather Sphere is a responsive web application that provides historical weather forecasts based on user-input location and date ranges. It visualizes data in charts and tables with pagination, offering an intuitive user experience.\n\nSee the live demo: [Live](https://weather-sphere-react.vercel.app/)\n\n## Features\n\n- **Search Weather Data**: Fetch weather data using latitude, longitude, and date range.\n- **Charts and Graphs**: Display weather trends visually.\n- **Paginated Tables**: View detailed weather data with pagination for better accessibility.\n- **Caching**: Optimized data caching to reduce redundant API calls.\n- **Responsive Design**: Fully responsive across different screen sizes.\n- **State Management**: Uses Redux Toolkit for global state management.\n\n## Tech Stack\n\n- **Frontend**: React, Tailwind CSS\n- **Backend API**: Open-Meteo API\n- **State Management**: Redux Toolkit\n- **Chart Library**: Chart.js\n\n## Installation\n\n1. **Clone the Repository:**\n\n```bash\ngit clone https://github.com/kirankumar-Matham96/WeatherSphere-react.git\n```\n\n2. **Navigate to the Project Directory:**\n\n```bash\ncd weather-sphere\n```\n\n3. **Install Dependencies:**\n\n```bash\nnpm install\n```\n\n4. **Start the Development Server:**\n\n```bash\nnpm run dev\n```\n\n5. **Open in Browser:**\n\n```\nhttp://localhost:5173/\n```\n\n## Usage\n\n1. Enter latitude, longitude, start date, and end date in the input form.\n2. Click on **Get Data** to fetch weather information.\n3. View data in the chart and table format.\n4. Use pagination controls to navigate through table rows.\n5. Click **Clear** to reset the form.\n\n## Folder Structure\n\n```\nweather-sphere/\n├── public/\n├── src/\n│   ├── assets/         # Static assets\n│   ├── components/     # Reusable UI components\n│   ├── pages/          # Application pages (Dashboard, Home)\n│   ├── redux/          # Redux slices and store\n│   ├── App.jsx         # Main application component\n│   └── main.jsx        # Entry point\n├── .gitignore\n├── package.json\n├── README.md\n├── tailwind.config.js\n└── vite.config.js\n```\n\n## API Reference\n\n- **Weather Data API**: [Open-Meteo API](https://open-meteo.com/)\n\n## Dependencies\n\n- **React**: JavaScript framework for building UI.\n- **Redux Toolkit**: Simplified state management.\n- **Chart.js**: For visualizing weather data.\n- **Tailwind CSS**: Utility-first CSS framework.\n- **Axios**: HTTP client for API calls.\n- **React Router**: Navigation and routing.\n\n## Contributing\n\n1. Fork the repository.\n2. Create a new branch:\n\n```bash\ngit checkout -b feature-name\n```\n\n3. Commit changes:\n\n```bash\ngit commit -m 'Add feature'\n```\n\n4. Push to the branch:\n\n```bash\ngit push origin feature-name\n```\n\n5. Create a Pull Request.\n\n## License\n\nThis project is licensed under the MIT License.\n\n---\n\nEnjoy using Weather Sphere!\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkirankumar-matham96%2Fweathersphere-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkirankumar-matham96%2Fweathersphere-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkirankumar-matham96%2Fweathersphere-react/lists"}