{"id":19537916,"url":"https://github.com/nischay-code/3d_portfolio","last_synced_at":"2026-04-12T16:06:46.953Z","repository":{"id":208978745,"uuid":"722841046","full_name":"nischay-code/3d_Portfolio","owner":"nischay-code","description":"Build an Amazing 3D Developer Portfolio in React with Three.js","archived":false,"fork":false,"pushed_at":"2024-01-25T15:01:29.000Z","size":34006,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-26T04:31:20.282Z","etag":null,"topics":["3danimation","javascript","reactjs","threejs-learning"],"latest_commit_sha":null,"homepage":"https://nischay-code.netlify.app/","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/nischay-code.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":"2023-11-24T04:40:15.000Z","updated_at":"2024-01-13T09:30:50.000Z","dependencies_parsed_at":"2025-01-08T18:25:22.276Z","dependency_job_id":null,"html_url":"https://github.com/nischay-code/3d_Portfolio","commit_stats":null,"previous_names":["nischay-code/3d_portfolio"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/nischay-code/3d_Portfolio","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nischay-code%2F3d_Portfolio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nischay-code%2F3d_Portfolio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nischay-code%2F3d_Portfolio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nischay-code%2F3d_Portfolio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/nischay-code","download_url":"https://codeload.github.com/nischay-code/3d_Portfolio/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nischay-code%2F3d_Portfolio/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":268649819,"owners_count":24284195,"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","status":"online","status_checked_at":"2025-08-04T02:00:09.867Z","response_time":79,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["3danimation","javascript","reactjs","threejs-learning"],"created_at":"2024-11-11T02:29:55.705Z","updated_at":"2026-04-12T16:06:46.906Z","avatar_url":"https://github.com/nischay-code.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 3D Developer Portfolio in React with Three.js 🚀\n\nCreate an amazing 3D developer portfolio using React and Three.js. This template provides a minimal setup with Vite, offering HMR (Hot Module Replacement) and some ESLint rules. Two official plugins are available:\n\n- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh\n- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh\n\n## Features 🌟\n\n- **Interactive 3D Elements:** Showcase your projects in a visually stunning 3D environment.\n- **React + Vite:** Utilizes the power of React with Vite for a fast development experience.\n- **Easy Customization:** Personalize your portfolio by easily modifying the provided templates.\n- **External Resources:** Use external resources like [gltf.pmnd.rs](https://gltf.pmnd.rs/) for 3D models.\n- **Contact Form:** Integration with EmailJS for sending predefined emails without server-side authentication.\n  \n\u003c!--\n## Preview 📸\n\n### Home Page 🏡\n![Home1](https://github.com/nischay-code/3d_portfolio/assets/95124327/47f58296-5e46-4b0b-997a-c213d5b8a5a6)\n![Home2](https://github.com/nischay-code/3d_portfolio/assets/95124327/8bbefafb-bb25-4b61-806e-271cfdadf739)\n![Home3](https://github.com/nischay-code/3d_portfolio/assets/95124327/5036fd76-d378-4fd8-8cb8-f08df2fdaeb7)\n![Home4](https://github.com/nischay-code/3d_portfolio/assets/95124327/b7a1564f-b7d5-4ff5-a639-e515191e405b)\n\n### About Page ℹ️\n![About1](https://github.com/nischay-code/3d_portfolio/assets/95124327/b45f37df-c76f-4858-b9bc-aee6c19efa7a)\n![About2](https://github.com/nischay-code/3d_portfolio/assets/95124327/b9715770-9cce-4da3-ab3d-f4f3e8cb1c54)\n\n### Project Page 🚧\n![Projects1](https://github.com/nischay-code/3d_portfolio/assets/95124327/658363d4-2d2e-49fc-9f7f-bcbf0b616c99)\n![Projects2](https://github.com/nischay-code/3d_portfolio/assets/95124327/9dedb1a7-6318-4dd5-8222-bb7529221295)\n\n### Contact Page 📬\n![Contact](https://github.com/nischay-code/3d_portfolio/assets/95124327/7d5d0337-756a-408c-a42e-340b6de85bac)\n--\u003e\n\n## Getting Started 🚀\n\n### Note 📝\n * For this model, visit https://gltf.pmnd.rs/\n * Used EmailJS, a service that lets you create and send predefined emails from your code without server code or server-side authentication.\n\n### Setup Environment Variables 🛠️\n\nCreate a `.env` file in the root of your project and add the following variables:\n\n```env\nVITE_APP_EMAILJS_SERVICE_ID\nVITE_APP_EMAILJS_TEMPLATE_ID\nVITE_APP_EMAILJS_PUBLIC_KEY\n```\n\n### Prerequisites\n\n- Node.js installed\n- (Optional) Vite installed globally: `npm install -g create-vite`\n\n### Installation\n\n1. **Clone the repository:**\n\n    ```bash\n    git clone https://github.com/nischay-code/3d_portfolio.git\n    ```\n\n2. **Change into the project directory:**\n\n    ```bash\n    cd 3d_portfolio\n    ```\n\n3. **Install dependencies:**\n\n    ```bash\n    npm install\n    ```\n\n### Usage 🛠️\n\n1. **Run the development server:**\n\n    ```bash\n    npm run dev\n    ```\n\n2. **Access your portfolio at** `http://localhost:3000`.\n\n3. **Customize your portfolio by modifying the provided templates.**\n\n## External Resources 🌐\n\n- [gltf.pmnd.rs](https://gltf.pmnd.rs/): For stunning 3D models.\n\n## Contact 📬\n\nFeel free to connect with me for any questions or collaborations!\n\n---\n\n🌟 Happy coding with your 3D Developer Portfolio! 🌟\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnischay-code%2F3d_portfolio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnischay-code%2F3d_portfolio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnischay-code%2F3d_portfolio/lists"}