{"id":23177653,"url":"https://github.com/dimitrisniras/weather-app","last_synced_at":"2025-04-05T01:42:30.365Z","repository":{"id":257452118,"uuid":"858302112","full_name":"dimitrisniras/weather-app","owner":"dimitrisniras","description":"Simple React Weather App using OpenWeatherMap","archived":false,"fork":false,"pushed_at":"2024-09-18T08:37:36.000Z","size":371,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-10T10:15:21.145Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/dimitrisniras.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","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-09-16T17:00:00.000Z","updated_at":"2024-09-18T08:37:37.000Z","dependencies_parsed_at":"2024-09-16T21:32:28.940Z","dependency_job_id":"f00d9fe1-e973-4e1d-9021-8ccc9918734b","html_url":"https://github.com/dimitrisniras/weather-app","commit_stats":null,"previous_names":["dimitrisniras/weather-app"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dimitrisniras%2Fweather-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dimitrisniras%2Fweather-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dimitrisniras%2Fweather-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dimitrisniras%2Fweather-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dimitrisniras","download_url":"https://codeload.github.com/dimitrisniras/weather-app/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247276097,"owners_count":20912287,"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":[],"created_at":"2024-12-18T06:35:59.160Z","updated_at":"2025-04-05T01:42:30.348Z","avatar_url":"https://github.com/dimitrisniras.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Weather App\n\nA simple but visually appealing weather app built with Next.js, TypeScript, and Tailwind CSS. It allows users to search for weather information for different locations and displays both current weather conditions and hourly forecasts.\n\n## Features\n\n- **Current Weather:** Displays the current temperature, feels-like temperature, condition, humidity, and wind speed for the searched location.\n- **Hourly Forecast:** Provides an hourly forecast for the next 12 hours, showing the temperature, condition, and time for each interval.\n- **Location Search:** Allows users to search for weather information for any city or location.\n- **Responsive Design:** The app is designed to work seamlessly on different screen sizes, from desktop to mobile.\n- **Visually Appealing:** Utilizes Tailwind CSS for clean and modern styling.\n\n## Technologies Used\n\n- **Next.js:** A React framework for building server-rendered and statically generated web applications.\n- **TypeScript:** A typed superset of JavaScript that adds static types and improves code maintainability.\n- **Tailwind CSS:** A utility-first CSS framework for rapid UI development.\n- **OpenWeatherMap API:** Provides weather data for the app.\n- **OpenCage Geocoding API:** Provides location track for the app.\n- **Axios:** A promise-based HTTP client for making API requests.\n- **React Icons:** A library for easily using popular icon sets in React applications.\n\n## Getting Started\n\n1. **Clone the repository:**\n\n   ```bash\n   git clone \u003crepository-url\u003e\n   ```\n\n2. **Install dependencies:**\n\n   ```bash\n   cd weather-app\n   npm install\n   ```\n\n3. **Obtain an OpenWeatherMap API key:**\n\n   - Sign up for a free account at `https://openweathermap.org/`\n   - Create an API key and copy it.\n\n4. **Obtain an OpenCage Geocoding API key:**\n\n   - Sign up for a free account at `https://opencagedata.com/`\n   - Create an API key and copy it.\n\n5. **Set up environment variables:**\n\n   - Create a `.env.local` file in the root of the project.\n   - Add the following line, replacing `YOUR_OPENWEATHERMAP_API_KEY` and `YOUR_OPENCAGE_API_KEY` with your actual API keys:\n\n     ```env\n     NEXT_PUBLIC_WEATHER_API_KEY=YOUR_OPENWEATHERMAP_API_KEY\n     NEXT_PUBLIC_OPENCAGE_API_KEY=YOUR_OPENCAGE_API_KEY\n     ```\n\n6. **Run the development server:**\n\n   ```bash\n   npm run dev\n   ```\n\n7. **Open the app in your browser:**\n\n   - The app should be running at `http://localhost:3000`\n\n## Usage\n\n- Enter a city or location in the search bar and press \"Search\" to get the weather information.\n- The current weather conditions will be displayed along with an hourly forecast for the next 12 hours.\n\n## Contributing\n\nContributions are welcome! Please feel free to submit pull requests or open issues.\n\n## License\n\nThis project is licensed under the Apache-2.0 License.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdimitrisniras%2Fweather-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdimitrisniras%2Fweather-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdimitrisniras%2Fweather-app/lists"}