{"id":18276044,"url":"https://github.com/codewithsupriyo/weatherappjs","last_synced_at":"2026-04-11T08:03:54.541Z","repository":{"id":251390283,"uuid":"837134218","full_name":"CodeWithSupriyo/WeatherAppJs","owner":"CodeWithSupriyo","description":"A  wearher app showing the current wind speed, weather, temprature,air quality, air presure, etc... Including the 3 highlights of the day.","archived":false,"fork":false,"pushed_at":"2024-08-10T02:38:19.000Z","size":130,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-14T22:33:44.576Z","etag":null,"topics":["css","html","javascript","js","openweathermap-api","tailwind","tailwind-css","weather-app"],"latest_commit_sha":null,"homepage":"https://weatherappsupriyo.netlify.app","language":"HTML","has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/CodeWithSupriyo.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-08-02T09:33:34.000Z","updated_at":"2024-08-10T02:45:52.000Z","dependencies_parsed_at":"2025-02-14T22:30:27.583Z","dependency_job_id":"051306a9-c64e-40a5-bac9-5995b2e4bd9b","html_url":"https://github.com/CodeWithSupriyo/WeatherAppJs","commit_stats":null,"previous_names":["codewithsupriyo/weatherappjs"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeWithSupriyo%2FWeatherAppJs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeWithSupriyo%2FWeatherAppJs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeWithSupriyo%2FWeatherAppJs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeWithSupriyo%2FWeatherAppJs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/CodeWithSupriyo","download_url":"https://codeload.github.com/CodeWithSupriyo/WeatherAppJs/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247974732,"owners_count":21026742,"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":["css","html","javascript","js","openweathermap-api","tailwind","tailwind-css","weather-app"],"created_at":"2024-11-05T12:14:48.066Z","updated_at":"2026-04-11T08:03:49.500Z","avatar_url":"https://github.com/CodeWithSupriyo.png","language":"HTML","readme":"\n# Weather App\n\nA Weather app. This app have many features such as 3 forcast of the day, humidity, wind speed, Air qualaty etc... along with data and time and the current temprature and a discription shown by an image. Deployed in github page and netlify\n\n[![](https://img.shields.io/badge/On_Netlify-000?style=for-the-badge\u0026logo=ko-fi\u0026logoColor=white)](https://weatherappsupriyo.netlify.app/)\n\n## Demo\n\n\u003cp align=\"center\"\u003e\n\u003cimg src=\"https://ibb.co/1KXd7VT\" width=\"100%\"\u003e\n\u003c/p\u003e\n\n\n## Badges\n\n[![MIT License](https://img.shields.io/badge/License-MIT-green.svg)](https://choosealicense.com/licenses/mit/)\n\n[![Netlify Status](https://api.netlify.com/api/v1/badges/b61663c1-aae3-45c7-baae-57f131a73dab/deploy-status)](https://app.netlify.com/sites/weatherappsupriyo/deploys)\n\n## Appendix\n\nThis app is responsive. \nThis app gives the current weather of the city or the area you searched\n## Features\n\n- Live previews\n- Fullscreen mode\n\n## Color Reference\n\n| Color             | Tailwind                                                                |\n| ----------------- | ------------------------------------------------------------------ |\n| Violet | violet-500 |\n| White | white |\n| Violet (Dark) | violet-800 |\n| Black | black |\n\n\n## OpenWeatherMap API Reference\n\n#### Get all items\n\n```http\n  GET /api/items\n```\n\n| Parameter | Type     | Description                |\n| :-------- | :------- | :------------------------- |\n| `api_key` | `string` | **Required**. c44025824eca9a9dd813b9481fe16f66 |\n\n#### Get item (main Weather API) \n\n```http\n  GET /api/items/${id}\n```\n\n| Parameter | Type     | Description                       |\n| :-------- | :------- | :-------------------------------- |\n| `id`      | `string` | **Required**. 1268504 |\n\n#### fetch(url + city + `\u0026appid=${apikey}`)\n\nTakes URL, city and the apiKey and returns the data (weather) of the city or the place that has been searched out.\n\n#### Get item (forcast of the day) \n\n```http\n  GET /api/items/${id}\n```\n\n| Parameter | Type     | Description                       |\n| :-------- | :------- | :-------------------------------- |\n| `id`      | `string` | **Required**. 500 |\n\n#### fetch(url2 + `lat=${lat}` + `\u0026lon=${lon}` + `\u0026appid=${apikey}`)\n\nTakes URL, lat and the lon of the city and the apiKey and returns the data (weather of the 3 highlights) of the city or the place that has been searched out.\n\n#### Get item (Air Pollution) \n\n```http\n  GET /api/items/${id}\n```\n\n| Parameter | Type     | Description                       |\n| :-------- | :------- | :-------------------------------- |\n| `id`      | `string` | **Required**. Not Given |\n\n#### fetch(airPollutionUrl + lat + \n lon + `\u0026appid=${apikey}`)\n\nTakes URL, lat and lon of the city and the apiKey and returns the data (air Pollution) of the city or the place that has been searched out.\n\n\n\n## Technologies Used\n\n-The basic HTML CSS An JS \n\n-The tailwind for some beter CSS **Half of the app uses tailwind CSS but the maincard uses CSS for styling \u0026 use of tailwind with its cdn**\n## Contributing\n\nContributions are always welcome!\n\nSee `contributing.md` for ways to get started.\n\nSee the  `code of conduct`.\n\n\n## Acknowledgements\n\n - [Awesome Readme Templates](https://awesomeopensource.com/project/elangosundar/awesome-README-templates)\n - [Awesome README](https://github.com/matiassingers/awesome-readme)\n - [How to write a Good readme](https://bulldogjob.com/news/449-how-to-write-a-good-readme-for-your-github-project)\n\n\n## Installation\n\nInstall my-project with npm\n\n```bash\n  npm install WeatherAppJs\n  cd WeatherAppJs\n```\n    \n## Deployment\n\nTo deploy this project run\n\n```bash\n  npm run deploy\n```\n\n\n## Environment Variables\n\nTo run this project, you will need to add the following environment variables to your .env file\n\n`API_KEY`\n\n\n## Feedback\n\nIf you have any feedback, please reach out to us at supriyorana1st@gmail.com\n\n\n# Hi, I'm Supriyo! 👋\n\n\n## Author\n\n- [@CodeWithSupriyo](https://www.github.com/CodeWithSupriyo)\n\n## 🚀 About Me\nI'm a frontend developer\n-I use many technologies like HTML, CSS, JS, Tailwind CSS, REACT, Bootstrap\n\n\n## Other Common Github Profile Sections\n👩‍💻 I'm currently working on my **Portfolio**\n\n🧠 I'm currently learning **GSAP TypeScript React**\n\n💬 Ask me about **GSAP Animation**\n\n📫 How to reach me **supriyorana1st@gamil.com**\n\n\n## Lessons Learned\n\nI learned about how to fetch an api in JS and adding using some tailwind CSS? What challenges did you face and how did you overcome them?\n\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodewithsupriyo%2Fweatherappjs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodewithsupriyo%2Fweatherappjs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodewithsupriyo%2Fweatherappjs/lists"}