{"id":18698146,"url":"https://github.com/majid-l/3d-portfolio","last_synced_at":"2026-05-03T05:37:29.412Z","repository":{"id":154221937,"uuid":"603642086","full_name":"majid-L/3D-portfolio","owner":"majid-L","description":"A responsive 3D React app featuring Three.js and serving as a portfolio site for my Github projects.","archived":false,"fork":false,"pushed_at":"2023-06-12T10:34:09.000Z","size":32574,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-12-28T04:23:49.294Z","etag":null,"topics":["react","react-three-drei","react-three-fiber","react-three-postprocessing"],"latest_commit_sha":null,"homepage":"https://majid-L.github.io/3D-portfolio/","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/majid-L.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}},"created_at":"2023-02-19T06:00:10.000Z","updated_at":"2024-02-01T16:54:26.000Z","dependencies_parsed_at":"2023-07-02T12:53:05.399Z","dependency_job_id":null,"html_url":"https://github.com/majid-L/3D-portfolio","commit_stats":null,"previous_names":["majid-l/3d-portfolio"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/majid-L%2F3D-portfolio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/majid-L%2F3D-portfolio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/majid-L%2F3D-portfolio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/majid-L%2F3D-portfolio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/majid-L","download_url":"https://codeload.github.com/majid-L/3D-portfolio/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239558927,"owners_count":19658929,"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":["react","react-three-drei","react-three-fiber","react-three-postprocessing"],"created_at":"2024-11-07T11:27:13.340Z","updated_at":"2025-11-08T17:30:28.827Z","avatar_url":"https://github.com/majid-L.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 3D React single-page application\n\nWelcome to another one of my 3D projects with Three.js! This time, I have created a 3D scene that is mainly based on drei's text component and various image filter  effects from three.js's postprocessing libraries.\n\nThe purpose of this app is to display the various projects I've worked on and to provide links to the repositories and hosted apps.\n\n\u003cbr\u003e\n\u003cimg width=350 src=\"public/three-js.png\"\u003e\n\n## App features:\n- Interactive camera with fully controllable position and zoom.\n- Control buttons to cycle through different projects.\n- Various postprocessing effects, including bloom, scan lines, noise and a glitch effect.\n- Loading screen utilising React's suspense component.\n\n## Libraries used:\n- Three.js\n- React-three/fiber\n- React-three/drei\n- postprocessing \u0026 React-three/postprocessing\n\n### A note on performance\nThis app is powered by **WebGL** and should run well on most modern browsers, including Chrome, Firefox, Internet Explorer, Opera and Safari. However, there is a small chance that you may experience poor performance on some browsers which do not properly support WebGL, such as Brave Web Browser.\n\nOn the off chance that you experience poor frame rates or stuttering animations on your chosen browser, switch to Google Chrome for best results.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmajid-l%2F3d-portfolio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmajid-l%2F3d-portfolio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmajid-l%2F3d-portfolio/lists"}