{"id":28135654,"url":"https://github.com/eliaz5536/portfolio","last_synced_at":"2025-07-25T00:18:14.954Z","repository":{"id":289123927,"uuid":"970197537","full_name":"eliaz5536/portfolio","owner":"eliaz5536","description":"Three.JS Portfolio","archived":false,"fork":false,"pushed_at":"2025-04-21T21:12:15.000Z","size":2300,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-14T15:19:27.513Z","etag":null,"topics":["javasript","portfolio","threejs"],"latest_commit_sha":null,"homepage":"https://eliaz5536.github.io/portfolio/","language":"JavaScript","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/eliaz5536.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,"zenodo":null}},"created_at":"2025-04-21T16:26:53.000Z","updated_at":"2025-05-13T08:53:23.000Z","dependencies_parsed_at":"2025-04-21T17:49:44.775Z","dependency_job_id":null,"html_url":"https://github.com/eliaz5536/portfolio","commit_stats":null,"previous_names":["eliaz5536/portfolio"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/eliaz5536/portfolio","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eliaz5536%2Fportfolio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eliaz5536%2Fportfolio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eliaz5536%2Fportfolio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eliaz5536%2Fportfolio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/eliaz5536","download_url":"https://codeload.github.com/eliaz5536/portfolio/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eliaz5536%2Fportfolio/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":259856129,"owners_count":22922457,"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":["javasript","portfolio","threejs"],"created_at":"2025-05-14T15:19:25.216Z","updated_at":"2025-06-14T17:35:19.832Z","avatar_url":"https://github.com/eliaz5536.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Three.JS Portfolio\n![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge\u0026logo=html5\u0026logoColor=white) ![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge\u0026logo=javascript\u0026logoColor=%23F7DF1E) ![Threejs](https://img.shields.io/badge/threejs-black?style=for-the-badge\u0026logo=three.js\u0026logoColor=white) ![Vite](https://img.shields.io/badge/vite-%23646CFF.svg?style=for-the-badge\u0026logo=vite\u0026logoColor=white) ![NPM](https://img.shields.io/badge/NPM-%23CB3837.svg?style=for-the-badge\u0026logo=npm\u0026logoColor=white) ![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge\u0026logo=css3\u0026logoColor=white) ![Git](https://img.shields.io/badge/git-%23F05033.svg?style=for-the-badge\u0026logo=git\u0026logoColor=white)\n\nInspired by the _PlayStation 4_ UI design, built with \u003cb\u003eThree.JS\u003c/b\u003e with vanilla JavaScript and CSS for refined animations and transitions. \nThe portfolio can be accessed and viewed separately by each section such as\n- **Projects**\n- **About**\n- **Contact**\n\nYou can access the portfolio through this following link: https://eliaz5536.github.io/portfolio/\n\n![ezgif-1411d9aafa940f](https://github.com/user-attachments/assets/a5ecde5c-38e0-46ab-83e9-c893680aeb75)\n\n![ezgif-405ac189864eaa](https://github.com/user-attachments/assets/87eda2d9-f458-4f5c-be9f-08601c661e34)\n\n# Inspiration\nThe UI Design stem from the combination of PlayStation 4's minimal skeuomorphic design and PlayStation 2's 3D interactive animations.\n\n# Technology\n![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge\u0026logo=javascript\u0026logoColor=%23F7DF1E)\n\nManipulates real-time search queries through filtering using HTML elements and capturing text content when selecting a query.\n\n![Threejs](https://img.shields.io/badge/threejs-black?style=for-the-badge\u0026logo=three.js\u0026logoColor=white)\n\nPhysics engine for animating meshes, lighting and scene transitions using Tween.JS, with addition of manipulating the lighting and object elements using vanilla JavaScript.\n\n![Vite](https://img.shields.io/badge/vite-%23646CFF.svg?style=for-the-badge\u0026logo=vite\u0026logoColor=white)\n\nLightweight build tool for scaling web application with React framework for ensuring cross-compatibility with desktop and mobile. \n\n![NPM](https://img.shields.io/badge/NPM-%23CB3837.svg?style=for-the-badge\u0026logo=npm\u0026logoColor=white) \n\nPackage Manager for installing, running and building dependencies of the suitable package version that is compatible with HTML5/CSS3 \u0026 other dependencies.\n\n# Features\n## **Toggle Dark Mode**\nDark mode can be toggled by clicking on the top right corner to change its appearance and lighting of the page.\n\n![ezgif-25a929dee79f7e](https://github.com/user-attachments/assets/a7afab59-c6d2-49a4-837b-be860a4777fa)\n  \n## **Change Layout Style**\nYou can change the layout style of result queries real-time through **Portfolio** section.\n\n![ezgif-200b62b125d9d3](https://github.com/user-attachments/assets/3e84cae4-eae2-43af-a8a7-d7f7d71b790e)\n\n## **Search Filter**\nYou can change filter search queries to specify your search.\n\n![ezgif-1b01fac052b802](https://github.com/user-attachments/assets/254bf69f-2aa6-46d6-a8a1-8107b04a6d23)\n\n\n## **Accessible Github Projects**\nGitHub projects can be accessed after clicking on the selected query you want to view.\n\n![ezgif-1981b8ea19ba90](https://github.com/user-attachments/assets/ed84f419-2b8e-4cdb-8993-50030e589d82)\n\n# License\nThe project is licensed under the MIT License.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Feliaz5536%2Fportfolio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Feliaz5536%2Fportfolio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Feliaz5536%2Fportfolio/lists"}