{"id":29064403,"url":"https://github.com/tiranchanuka/portfolio-new","last_synced_at":"2026-05-08T05:05:23.726Z","repository":{"id":298765061,"uuid":"995635546","full_name":"TiranChanuka/portfolio-new","owner":"TiranChanuka","description":null,"archived":false,"fork":false,"pushed_at":"2025-06-22T15:44:13.000Z","size":10582,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-06-22T16:36:49.258Z","etag":null,"topics":["framer-motion","nextjs","tailwindcss","tree-js","treejs","typescript"],"latest_commit_sha":null,"homepage":"https://tiranchanuka.vercel.app","language":"TypeScript","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/TiranChanuka.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-06-03T19:37:58.000Z","updated_at":"2025-06-22T15:44:16.000Z","dependencies_parsed_at":"2025-06-12T21:10:15.874Z","dependency_job_id":null,"html_url":"https://github.com/TiranChanuka/portfolio-new","commit_stats":null,"previous_names":["tiranchanuka/portfolio-new"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/TiranChanuka/portfolio-new","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TiranChanuka%2Fportfolio-new","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TiranChanuka%2Fportfolio-new/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TiranChanuka%2Fportfolio-new/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TiranChanuka%2Fportfolio-new/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/TiranChanuka","download_url":"https://codeload.github.com/TiranChanuka/portfolio-new/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TiranChanuka%2Fportfolio-new/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262227897,"owners_count":23278266,"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":["framer-motion","nextjs","tailwindcss","tree-js","treejs","typescript"],"created_at":"2025-06-27T09:02:20.485Z","updated_at":"2026-05-08T05:05:18.677Z","avatar_url":"https://github.com/TiranChanuka.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🌌 Cosmic Portfolio\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"public/window.svg\" alt=\"Portfolio Logo\" width=\"150\" /\u003e\n  \u003ch3\u003eModern 3D Portfolio with Three.js \u0026 Next.js\u003c/h3\u003e\n  \n  ![TypeScript](https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge\u0026logo=typescript\u0026logoColor=white)\n  ![React](https://img.shields.io/badge/React-20232A?style=for-the-badge\u0026logo=react\u0026logoColor=61DAFB)\n  ![Next.js](https://img.shields.io/badge/Next.js-black?style=for-the-badge\u0026logo=next.js\u0026logoColor=white)\n  ![Three.js](https://img.shields.io/badge/Three.js-black?style=for-the-badge\u0026logo=three.js\u0026logoColor=white)\n  ![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge\u0026logo=tailwind-css\u0026logoColor=white)\n\u003c/div\u003e\n\n## ✨ Features\n\n- 🌟 **Interactive 3D Experiences** - Stunning Three.js visualizations including:\n\n  - Dynamic starry background\n  - Interactive solar system skills visualization\n  - Animated floating elements\n\n- 💼 **Comprehensive Portfolio Sections**\n\n  - 🚀 Hero with animated 3D background\n  - 📱 Projects with interactive hover effects\n  - 🛠️ Skills visualized as a 3D solar system\n  - 👤 About with timeline layout\n  - 📬 Contact with validated form\n\n- 🎨 **Modern Design Elements**\n\n  - Gradient text effects\n  - Backdrop blur components\n  - Responsive layouts for all devices\n  - Dark/Light theme toggle\n\n- ⚡ **Technical Excellence**\n  - Built with Next.js 15 and App Router\n  - TypeScript for type safety\n  - Optimized 3D rendering\n  - Error boundaries and fallbacks\n\n## 🚀 Getting Started\n\n### Prerequisites\n\n- Node.js 16+\n- NPM or Yarn\n\n### Installation\n\n1. Clone the repository:\n\n   ```bash\n   git clone https://github.com/yourusername/portfolio.git\n   cd portfolio\n   ```\n\n2. Install dependencies:\n\n   ```bash\n   npm install\n   # or\n   yarn install\n   ```\n\n3. Run the development server:\n\n   ```bash\n   npm run dev\n   # or\n   yarn dev\n   ```\n\n4. Open [http://localhost:3000](http://localhost:3000) in your browser\n\n## 🧪 Technologies\n\nThis portfolio showcases skills with modern web technologies:\n\n- **Frontend**: React 19, Next.js 15, TypeScript\n- **3D Rendering**: Three.js, React Three Fiber, Drei\n- **Animation**: Framer Motion\n- **Styling**: Tailwind CSS, CSS variables\n- **Authentication**: NextAuth.js\n- **Form Validation**: React Hook Form, Zod\n\n## 📁 Project Structure\n\n```\nsrc/\n├── app/                 # Next.js app router pages\n├── components/          # UI components\n│   ├── hero.tsx         # Main hero with 3D background\n│   ├── StarryBackground.tsx  # 3D animated star field\n│   ├── CategorySolarSystems.tsx # Interactive skills visualization\n│   └── ...              # Other UI components\n├── lib/                 # Utility functions and contexts\n└── public/              # Static assets\n```\n\n## 🎯 Key Features Explained\n\n### 3D Solar System Skills Visualization\n\nThe portfolio features a unique skills visualization that represents different skill categories as planetary systems, with:\n\n- Sun at the center representing core expertise\n- Planets sized by skill proficiency\n- Orbital distance indicating experience level\n- Interactive tooltips with detailed information\n- Full 3D controls (rotate, zoom, pan)\n\n### Customizable Portfolio\n\nThe portfolio is designed to be easily customizable with:\n\n- Modifiable project data\n- Customizable skills section\n- Adaptable personal information\n- Editable contact details\n\n## 🔧 Customization\n\nYou can easily adapt this portfolio for your own use by:\n\n1. Updating skills data in `page.tsx` and skills-context.tsx\n2. Adding your projects directly in projects-section.tsx\n3. Modifying theme colors in Tailwind config\n4. Editing personal information in about-section.tsx and contact-section.tsx\n\n## 📱 Responsive Design\n\nThe portfolio is fully responsive with:\n\n- Mobile-first approach\n- Tailored 3D performance for mobile devices\n- Adaptive layouts for all screen sizes\n- Touch-friendly interactions\n\n## 🌐 Deployment\n\nDeploy your own version on Vercel:\n\n[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fyourusername%2Fportfolio)\n\n## 📄 License\n\nThis project is licensed under the MIT License - see the LICENSE file for details.\n\n## 🙏 Acknowledgements\n\n- Three.js community for 3D rendering inspiration\n- Next.js team for the incredible framework\n- All open-source contributors who make projects like this possible\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftiranchanuka%2Fportfolio-new","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftiranchanuka%2Fportfolio-new","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftiranchanuka%2Fportfolio-new/lists"}