{"id":17644799,"url":"https://github.com/spike1292/syncasso-javascript-opdracht","last_synced_at":"2026-01-30T14:16:05.718Z","repository":{"id":71994241,"uuid":"383827515","full_name":"spike1292/syncasso-javascript-opdracht","owner":"spike1292","description":null,"archived":false,"fork":false,"pushed_at":"2021-07-07T14:50:33.000Z","size":239,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-06-13T09:09:29.816Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"HTML","has_issues":false,"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/spike1292.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":"2021-07-07T14:31:28.000Z","updated_at":"2023-01-18T18:30:09.000Z","dependencies_parsed_at":"2023-07-12T03:01:21.438Z","dependency_job_id":null,"html_url":"https://github.com/spike1292/syncasso-javascript-opdracht","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/spike1292/syncasso-javascript-opdracht","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/spike1292%2Fsyncasso-javascript-opdracht","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/spike1292%2Fsyncasso-javascript-opdracht/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/spike1292%2Fsyncasso-javascript-opdracht/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/spike1292%2Fsyncasso-javascript-opdracht/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/spike1292","download_url":"https://codeload.github.com/spike1292/syncasso-javascript-opdracht/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/spike1292%2Fsyncasso-javascript-opdracht/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28913942,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-30T12:13:43.263Z","status":"ssl_error","status_checked_at":"2026-01-30T12:13:22.389Z","response_time":66,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":[],"created_at":"2024-10-23T10:40:07.564Z","updated_at":"2026-01-30T14:16:05.699Z","avatar_url":"https://github.com/spike1292.png","language":"HTML","readme":"# Het weer\n\n- [Het weer](#het-weer)\n  - [Aan de slag](#aan-de-slag)\n  - [Opdracht](#opdracht)\n    - [API](#api)\n    - [Tips](#tips)\n\n## Aan de slag\n\n```sh\ngit clone https://github.com/spike1292/syncasso-javascript-opdracht.git\ncd javascript-opdracht\nnpm install\nnpm start\n```\n\nOpen \u003chttp://localhost:1234\u003e. Je ziet nu _Weer_ in de browser. Je kan nu aan slag met de opdracht.\n\n## Opdracht\n\nDe pagina moet op basis van je huidige locatie de huidige temperatuur in Celcius en Fahrenheit weergeven. De pagina moet de volgende onderdelen tonen:\n- Plaats\n- Weer icoontje\n- Tijdzone\n- Temperatuur in Celcius\n  - Wanneer je op de temperatuur klikt wisselen tussen Fahrenheit en Celcius\n- Beschrijving van het huidige weer\n\nDaarnaast zien we ook graag de naam van de plaat waar je bent en de huidige tijdzone.\n\nEen aantal voorbeelden van het eindresultaat:\n\n_Desktop_:\n![Weer desktop](./docs/weer-desktop.png)\n\n_Mobiel_:\n\n![Weer Mobiel](./docs/weer-mobile.png)\n\n_Tablet_:\n\n![Weer Tablet](./docs/weer-ipad.png)\n\n_Fahrenheit_:\n\n![Weer Fahrenheit](./docs/weer-fahrenheit.png)\n\n### API\n\nHet huidige weer kan opgehaald worden bij de [OpenWeatherMap API](https://openweathermap.org/current)\n\nHier voor kan je de volgende API key gebruiken: `8ebf4f448fb0db23d24e285b5683d1bb`\n\nDe weer api geeft ook een id terug voor [een weer icoontje](https://openweathermap.org/current#list).\nJe kunt met de volgende api het icoontje omzetten naar een plaatje: \u003chttps://openweathermap.org/weather-conditions\u003e\n\n### Tips\n\n- Probeer zoveel mogelijk symantische html elementen te gebruiken\n- Bij voorkeur CSS Flexbox en Grid gebruiken\n- Probeer gebruik te maken van relatieve CSS units ipv. pixels\n- Maak gebruik van `fetch` en `async/await`\n- Om je huidige locatie op te halen gebruik `navigator.geolocation`\n  - tip: wrap het in een promise zodat je het met `async/await` kunt gebruiken\n\n\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fspike1292%2Fsyncasso-javascript-opdracht","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fspike1292%2Fsyncasso-javascript-opdracht","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fspike1292%2Fsyncasso-javascript-opdracht/lists"}