{"id":15130387,"url":"https://github.com/sahilcreate/weather-app","last_synced_at":"2026-01-20T16:02:32.160Z","repository":{"id":254189124,"uuid":"844045677","full_name":"Sahilcreate/weather-app","owner":"Sahilcreate","description":"SkySense - weather app","archived":false,"fork":false,"pushed_at":"2024-08-23T21:15:56.000Z","size":409,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-11T17:56:16.648Z","etag":null,"topics":["api","css","date-fns","git","html","javascript","visual-crossing-api","weather-app","weather-forecast","webpack"],"latest_commit_sha":null,"homepage":"https://sahilcreate.github.io/weather-app/","language":"CSS","has_issues":true,"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/Sahilcreate.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"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-08-18T07:57:49.000Z","updated_at":"2024-08-23T21:15:59.000Z","dependencies_parsed_at":"2024-08-21T23:55:41.398Z","dependency_job_id":"84d62e93-803b-463f-8ee8-61116dac9f73","html_url":"https://github.com/Sahilcreate/weather-app","commit_stats":null,"previous_names":["sahilcreate/weather-app"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sahilcreate%2Fweather-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sahilcreate%2Fweather-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sahilcreate%2Fweather-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sahilcreate%2Fweather-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Sahilcreate","download_url":"https://codeload.github.com/Sahilcreate/weather-app/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247393540,"owners_count":20931809,"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":["api","css","date-fns","git","html","javascript","visual-crossing-api","weather-app","weather-forecast","webpack"],"created_at":"2024-09-26T02:46:37.083Z","updated_at":"2026-01-20T16:02:32.129Z","avatar_url":"https://github.com/Sahilcreate.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Weather App\n\n## Live Demo\n\n[See the Weather App here!](https://sahilcreate.github.io/weather-app/)\n![Live Project Image](./src/weather-app.png)\n\n## ABOUT THE PROJECT\n\nLearning from [The Odin Project](https://www.theodinproject.com/lessons/node-path-javascript-weather-app) curriculum.\n\nThis project was mostly working with APIs and asynchronous code.\n\n### Build With\n\n#### Technologies\n\n- Javascript\n- CSS\n- HTML\n\n#### Third-party code\n\n- date-fns\n- Google gonts\n\n#### Tools\n\n- Visual Studio Code\n- Git and GitHub\n- Webpack\n- HTMLWebpackPlugin\n\n## OBJECTIVES\n\n- [x] display weather using VisualCrossing API\n- [x] can toggle Celcius and Fahrenheit\n- [x] change look based on data (icons)\n  - [x] i used the svgs provided on visual crossing github\n- [x] use Promises or Asyn/Await in the code\n- [x] add a form that lets users input the location\n- [x] handle errors\n\n## LESSON LEARNED\n\nI was using the Divide and Conquer with other projects too, but project, although small, gave me better clarity on it.  \nI also thought about adding backgroud gifs depending on the weather but i think that wouldn't have really helped me with learning new things. Let's save it for future.  \nWorking with APIs was fun. It is a whole new world of possibilities that i can't wait to explore.\n\n## SCOPE CREEP\n\n- [ ] Add responsiveness\n- [ ] Add accessibility\n- [ ] Add backgroud gifs according to weather\n- [ ] Add icons for weekly forecast\n- [ ] Add hourly forecast\n- [ ] Handle the Celcius and Fahrenheit fetch better\n- [ ] Add better error handling\n\n## ACKNOWLEDGMENTS\n\n- [The Odin Project](https://www.theodinproject.com/)\n- [CSS Tricks](https://css-tricks.com/)\n- [GoogleFonts for QuickSand and Lilita One](https://fonts.google.com/cs)\n- [Visual Crossing API](https://www.visualcrossing.com/weather-api)\n- [Meyer's Reset](https://meyerweb.com/eric/tools/css/reset/)\n- [date-fns](https://date-fns.org/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsahilcreate%2Fweather-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsahilcreate%2Fweather-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsahilcreate%2Fweather-app/lists"}