{"id":22272842,"url":"https://github.com/yaserdemet/react-threejs","last_synced_at":"2026-04-28T22:34:42.518Z","repository":{"id":59695952,"uuid":"529342312","full_name":"yaserdemet/react-threeJs","owner":"yaserdemet","description":null,"archived":false,"fork":false,"pushed_at":"2022-10-31T19:14:39.000Z","size":853,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-25T16:30:56.290Z","etag":null,"topics":["automotion","axios","contexapi","hooks","router","threejs"],"latest_commit_sha":null,"homepage":"","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/yaserdemet.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}},"created_at":"2022-08-26T17:08:12.000Z","updated_at":"2022-12-02T06:54:47.000Z","dependencies_parsed_at":"2023-01-21T03:03:23.494Z","dependency_job_id":null,"html_url":"https://github.com/yaserdemet/react-threeJs","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/yaserdemet/react-threeJs","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yaserdemet%2Freact-threeJs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yaserdemet%2Freact-threeJs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yaserdemet%2Freact-threeJs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yaserdemet%2Freact-threeJs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/yaserdemet","download_url":"https://codeload.github.com/yaserdemet/react-threeJs/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yaserdemet%2Freact-threeJs/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32402670,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-28T19:38:08.556Z","status":"ssl_error","status_checked_at":"2026-04-28T19:37:55.688Z","response_time":56,"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":["automotion","axios","contexapi","hooks","router","threejs"],"created_at":"2024-12-03T13:08:31.155Z","updated_at":"2026-04-28T22:34:42.502Z","avatar_url":"https://github.com/yaserdemet.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003eReact-ThreeJs Weather App\u003c/p\u003e\n\n\n![Animation](https://user-images.githubusercontent.com/99739515/191304833-6e9b8956-d9e2-4b84-8e01-f0928194b0b4.gif)\n\n\n[⛅click here to see detail of page](https://react-weather-app-sigma-silk.vercel.app)\n\n\n## Problem Statement\n\n- This project aims to create Weather App with Material UI and ThreeJs.\n\n\n### At the end of the project, following topics are to be covered;\n📌 ThreeJs\n\n📌 React Globe\n\n📌 Props and State Logic\n\n📌 React Router Dom\n\n📌 State Management with Context Api\n\n📌 Conditional Rendering\n\n📌 Async Await Function\n\n📌 React Hooks (useState, useEffect, useRef, useNavigate, useParams ReactMemo)\n\n📌 React AutoAnimate\n\n📌 3rd Part Libraries ( Toastify, Axios, AutoAnimation )\n\n📌 Styling with Material Ui and SASS\n\n📌 Deployment with Vercel and Netlify\n\n⛅ You can use [OpenWeather Api](https://openweathermap.org/) for your app to get apiKey\n\n### How to add React Globe in your project;\n\n#### Strongly adviced to use these versions\n \n    \"react-globe\": \"^5.0.2\",\n    \"react-globe.gl\": \"^2.22.3\",\n    \"three\": \"0.118.3\"\n#### In your component;\n```\nimport ReactGlobe from \"react-globe\";\n\n \u003cReactGlobe\n        height=\"100vh\"\n        animations={animations}\n        width=\"100vw\"\n        markers={markers}\n        options={{\n          cameraAutoRotateSpeed: 1,\n          cameraRotateSpeed: 0.5,\n          enableCameraAutoRotate: true,\n          enableCameraRotate: true,\n          enableCameraZoom: true,\n          cameraDistanceRadiusScale: 5,\n          cameraMaxDistanceRadiusScale: 10,\n          ambientLightColor: \"grey\",\n          ambientLightIntensity: 1,\n        }}\n      /\u003e\n      \n```\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyaserdemet%2Freact-threejs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fyaserdemet%2Freact-threejs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyaserdemet%2Freact-threejs/lists"}