{"id":22903136,"url":"https://github.com/nk-works/portfolio","last_synced_at":"2026-04-13T14:32:10.488Z","repository":{"id":264462081,"uuid":"891160940","full_name":"NK-Works/Portfolio","owner":"NK-Works","description":"A visually stunning and interactive portfolio website built with React, Three.js, and Tailwind CSS to showcase my skills, projects, and creativity. This project combines modern web development practices with immersive 3D experiences to leave a lasting impression on the viewer.","archived":false,"fork":false,"pushed_at":"2025-12-29T17:22:47.000Z","size":17434,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-01-01T20:51:03.572Z","etag":null,"topics":["emailjs","nodejs","npm","portfolio","reactjs","tailwindcss","threejs","vercel-deployment"],"latest_commit_sha":null,"homepage":"https://anneshunag.vercel.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/NK-Works.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":"2024-11-19T20:48:29.000Z","updated_at":"2025-12-29T17:22:51.000Z","dependencies_parsed_at":"2025-02-07T04:42:26.777Z","dependency_job_id":null,"html_url":"https://github.com/NK-Works/Portfolio","commit_stats":null,"previous_names":["nk-works/portfolio"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/NK-Works/Portfolio","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NK-Works%2FPortfolio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NK-Works%2FPortfolio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NK-Works%2FPortfolio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NK-Works%2FPortfolio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/NK-Works","download_url":"https://codeload.github.com/NK-Works/Portfolio/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NK-Works%2FPortfolio/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31757477,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-13T13:27:56.013Z","status":"ssl_error","status_checked_at":"2026-04-13T13:21:23.512Z","response_time":93,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: 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":["emailjs","nodejs","npm","portfolio","reactjs","tailwindcss","threejs","vercel-deployment"],"created_at":"2024-12-14T02:34:09.450Z","updated_at":"2026-04-13T14:32:10.467Z","avatar_url":"https://github.com/NK-Works.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n  \u003cbr /\u003e\n      \u003cimg src=\"./public/proj-banner.png\" alt=\"Project Banner\"\u003e\n  \u003cbr /\u003e\n\n  \u003cdiv\u003e\n    \u003cimg src=\"https://img.shields.io/badge/-React_JS-black?style=for-the-badge\u0026logoColor=white\u0026logo=react\u0026color=61DAFB\" alt=\"react.js\" /\u003e\n    \u003cimg src=\"https://img.shields.io/badge/-Three_JS-black?style=for-the-badge\u0026logoColor=white\u0026logo=threedotjs\u0026color=000000\" alt=\"three.js\" /\u003e\n    \u003cimg src=\"https://img.shields.io/badge/-Tailwind_CSS-black?style=for-the-badge\u0026logoColor=white\u0026logo=tailwindcss\u0026color=06B6D4\" alt=\"tailwindcss\" /\u003e\n  \u003c/div\u003e\n\n  \u003ch3 align=\"center\"\u003eAnneshu's Portfolio\u003c/h3\u003e\n\u003c/div\u003e\nWelcome to my portfolio, a personal website designed to stand out with immersive 3D experiences, seamless interactivity, and elegant design. This project is a showcase of modern web development techniques and serves as a platform to display skills, projects, and creativity.\n\n## 📋 \u003ca name=\"table\"\u003eTable of Contents\u003c/a\u003e\n\n1. 🤖 [Introduction](#introduction)\n2. ⚙️ [Tech Stack](#tech-stack)\n3. 🔋 [Features](#features)\n4. 🤸 [Quick Start](#quick-start)\n5. 🔗 [Links](#links)\n\n## \u003ca name=\"introduction\"\u003e🤖 Introduction\u003c/a\u003e\n\nBuilt with React.js for handling the user interface, Three.js for rendering 3D elements, and styled with TailwindCSS, the 3D Minimalistic portfolio is a website project. The primary goal is to demonstrate the developer's skills in a unique manner that creates a lasting impact.\n\n## \u003ca name=\"tech-stack\"\u003e⚙️ Tech Stack\u003c/a\u003e\n\n- Node.js\n- React.js\n- Three.js\n- React Three Fiber\n- React Three Drei\n- Email JS\n- Vite\n- Tailwind CSS\n\n## \u003ca name=\"features\"\u003e🔋 Features\u003c/a\u003e\n\n👉 **Immersive Hero**: An eye-catching 3D hacker room that responds to mouse movements, surrounded by animated mini-models.\n\n👉 **Interactive About Me**: A sleek bento grid layout featuring personal info, a 3D globe pinpointing location, tech stack icons, and a one-click email copy option.\n\n👉 **Dynamic Project Showcase**: Browse through projects while watching live demos inside a 3D computer model, seamlessly switching between different projects.\n\n👉 **Engaging Experience Timeline**: Hover over career milestones to trigger interactive 3D animations that bring your professional journey to life.\n\n👉 **Client Testimonials**: A dedicated section highlighting satisfied clients and their feedback.\n\n👉 **Easy Contact Form**: A user-friendly email form for visitors to reach out directly from your portfolio.\n\n👉 **Clean Footer**: A minimalist design featuring social media links for easy networking.\n\n👉 **Fully Responsive**: Optimized layout ensuring a smooth experience across all devices, from desktop to mobile.\n\n👉 **Magic Cursor**: A intuitive magic cursor that adds a sense of excitement to the user as he/she moves the cursor.\n\nand many more, including code architecture and reusability \n\n## \u003ca name=\"quick-start\"\u003e🤸 Quick Start\u003c/a\u003e\n\nFollow these steps to set up the project locally on your machine.\n\n**Prerequisites**\n\nMake sure you have the following installed on your machine:\n\n- [Git](https://git-scm.com/)\n- [Node.js](https://nodejs.org/en)\n- [npm](https://www.npmjs.com/) (Node Package Manager)\n\n**Cloning the Repository**\n\n```bash\ngit clone https://github.com/NK-Works/Portfolio.git\ncd Portfolio\n```\n\n**Installation**\n\nInstall the project dependencies using npm:\n\n```bash\nnpm install\n```\n\n**Set Up Environment Variables**\n\nCreate a new file named `.env` in the root of your project and add the following content:\n\n```env\nVITE_APP_EMAILJS_SERVICE_ID=your_emailjs_service_id\nREACT_APP_EMAILJS_TEMPLATEID=your_emailjs_template_id\nVITE_APP_EMAILJS_PUBLIC_KEY=your_emailjs_public_key\n```\n\nReplace the placeholder values with your actual EmailJS credentials. You can obtain these credentials by signing up on the [EmailJS website](https://www.emailjs.com/).\n\n**Running the Project**\n\n```bash\nnpm run dev\n```\n\nOpen [http://localhost:5173](http://localhost:5173) in your browser to view the project.\n\n## \u003ca name=\"links\"\u003e🔗 Links\u003c/a\u003e\n\nHere is the list of all the resources used in the project video:\n\n- [Hacker Room](https://sketchfab.com/3d-models/hacker-room-stylized-a0cfe6edf2dd494c8a95addf6bb13a10)\n- [Computer](https://sketchfab.com/3d-models/3d-computer-sketchfab-weekly-11-mar23-d9931a9aba7c4ea1bc12b2a59dcef16e)\n- [Target Model](https://vazxmixjsiawhamofees.supabase.co/storage/v1/object/public/models/target-stand/model.gltf)\n- [React Logo](https://sketchfab.com/3d-models/react-logo-76174ceeba96487f9863f974636f641e)\n- [gltfjsx](https://gltf.pmnd.rs/)\n- [ReadyPlayerMe](https://readyplayer.me/)\n- [Mixamo](https://www.mixamo.com/)\n\nConsider 🌟 the repository to show some love 🙏\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnk-works%2Fportfolio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnk-works%2Fportfolio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnk-works%2Fportfolio/lists"}