{"id":42083553,"url":"https://github.com/dnuzi/portfolio-site","last_synced_at":"2026-01-28T12:00:34.575Z","repository":{"id":333868877,"uuid":"1139084909","full_name":"dnuzi/Portfolio-Site","owner":"dnuzi","description":"Clean \u0026 Free Portfolio Website Codes by Kelum'Xz and Danu'Zz.","archived":false,"fork":false,"pushed_at":"2026-01-21T14:46:48.000Z","size":307,"stargazers_count":9,"open_issues_count":0,"forks_count":1,"subscribers_count":3,"default_branch":"main","last_synced_at":"2026-01-27T21:22:20.198Z","etag":null,"topics":["creative-portfolio","developer-portfolio","developer-portfolio-template","frontend","gsap","javascript","open-source","personal-website","portfolio","portfolio-template","responsive-design","smooth-scrolling","tailwind-css","vite","web-development"],"latest_commit_sha":null,"homepage":"https://portfolio-site-rosy-nine.vercel.app","language":"HTML","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/dnuzi.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","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,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2026-01-21T13:59:07.000Z","updated_at":"2026-01-23T09:30:39.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/dnuzi/Portfolio-Site","commit_stats":null,"previous_names":["dnuzi/portfolio-site"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/dnuzi/Portfolio-Site","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dnuzi%2FPortfolio-Site","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dnuzi%2FPortfolio-Site/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dnuzi%2FPortfolio-Site/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dnuzi%2FPortfolio-Site/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dnuzi","download_url":"https://codeload.github.com/dnuzi/Portfolio-Site/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dnuzi%2FPortfolio-Site/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28845103,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-28T10:53:21.605Z","status":"ssl_error","status_checked_at":"2026-01-28T10:53:20.789Z","response_time":57,"last_error":"SSL_read: 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":["creative-portfolio","developer-portfolio","developer-portfolio-template","frontend","gsap","javascript","open-source","personal-website","portfolio","portfolio-template","responsive-design","smooth-scrolling","tailwind-css","vite","web-development"],"created_at":"2026-01-26T10:12:32.816Z","updated_at":"2026-01-28T12:00:34.570Z","avatar_url":"https://github.com/dnuzi.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# A Nest Level Portfolio 🚀\n\n[![Stars](https://img.shields.io/github/stars/dnuzi/Portfolio-Site?style=social)](https://github.com/dnuzi/Portfolio-Site/stargazers) [![Forks](https://img.shields.io/github/forks/dnuzi/Portfolio-Site?style=social)](https://github.com/dnuzi/Portfolio-Site/network/members) [![License](https://img.shields.io/github/license/dnuzi/Portfolio-Site)](https://github.com/dnuzi/Portfolio-Site/blob/main/LICENSE) [![Vercel Deploy](https://img.shields.io/badge/Deploy-Vercel-brightgreen)](https://vercel.com/new/git/external?repository-url=https://github.com/dnuzi/Portfolio-Site)\n\nA sleek, **full-stack creative portfolio template** built with modern tools like **Vite**, **Tailwind CSS**, **GSAP**, and **Lenis** for buttery-smooth animations. Inspired by the misty hills of Sri Lanka, it blends tranquility with cutting-edge code. Perfect for developers, designers, and creators who want to stand out. **100% free, open-source, and customizable** – deploy in minutes!\n\n\u003cdiv align=\"center\"\u003e\n\n### 📸 Site Preview\n\n![Portfolio Preview Screenshot](https://github.com/dnuzi/mova-npm-media/blob/main/Screenshot%202026-01-21%20194857.png)\n\u003cem\u003e*(Full-site preview: Hero, works, skills, and chronometer in action. Replace with your actual screenshot for live vibes!)*\u003c/em\u003e\n\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"https://github.com/dnuzi/mova-npm-media/blob/main/movanest.gif\" alt=\"Hero Animation\" width=\"100%\" /\u003e\n  \u003cp\u003e\u003cem\u003eLive Demo: \u003ca href=\"https://portfolio-site-rosy-nine.vercel.app/\"\u003e\u003c/a\u003eportfolio-site-rosy-nine.vercel.app\u003c/em\u003e\u003c/p\u003e\n\u003c/div\u003e\n\n## ✨ Features\n\n- **Hero Section**: Magnetic cursor, typewriter effect, and parallax text for an immersive intro.\n- **Smooth Scrolling**: Powered by Lenis + GSAP ScrollTrigger – no jank, just flow.\n- **Horizontal Work Scroll**: Sticky, pinned gallery with grayscale hover reveals and rotate animations.\n- **Live Chronometer**: Real-time age calculator (years/months/days/hours/minutes/seconds) with progress bars.\n- **Interactive Map**: SVG-based location pin with radar ping and bounce effects.\n- **Timeline Skills**: Vertical progress line with staggered reveals for expertise showcase.\n- **Marquee \u0026 Badges**: Infinite scrolling tags and floating credentials.\n- **Single-File Build**: Obfuscated JS + inlined assets for easy deployment (under 1MB!).\n- **Responsive \u0026 Accessible**: Mobile-first, with ARIA hints and semantic HTML.\n- **Advanced Animations**: Bi-directional scrolls, clip-path masks, and shadow lifts.\n\n| Feature | Tech | Why? |\n|---------|------|------|\n| Animations | GSAP + ScrollTrigger | Pixel-perfect, performant timelines. |\n| Styling | Tailwind CSS | Rapid, utility-first design. |\n| Bundling | Vite + SingleFile | Lightning-fast builds \u0026 deploys. |\n| Obfuscation | JS Obfuscator Plugin | \"Encrypted\" code for security flair. |\n| Smooth Scroll | Lenis | Native-feel scrolling without libraries. |\n\n## 🛠 Quick Start\n\n### Prerequisites\n- Node.js (v18+)\n- Git\n\n### Installation\n1. **Clone the Repo**:\n   ```bash\n   git clone https://github.com/dnuzi/Portfolio-Site.git\n   cd danuzz-portfolio\n   ```\n\n2. **Install Dependencies**:\n   ```bash\n   npm install\n   ```\n\n3. **Development Server**:\n   ```bash\n   npm run dev\n   ```\n   Open [http://localhost:5173](http://localhost:5173) – watch the magic unfold!\n\n4. **Build for Production**:\n   ```bash\n   npm run build\n   ```\n   Outputs a single `dist/index.html` (obfuscated \u0026 minified).\n\n5. **Preview Build**:\n   ```bash\n   npm run preview\n   ```\n\n### Customization\n- **Images**: Swap files in `/public/` (e.g., `kelum-viduranga-portrait.jpg` for hero).\n- **Content**: Edit `index.html` sections (hero text, work cards, skills list).\n- **Colors/Themes**: Tweak `--bg-color`, `--text-main` in `src/main.css`.\n- **Animations**: Adjust GSAP timelines in `src/main.js`.\n- **Add Projects**: Duplicate work cards in HTML; update `src` paths.\n\nFor a full guide, see [CUSTOMIZATION.md](CUSTOMIZATION.md) (create if needed).\n\n## ☁️ Deployment\n\n### Vercel (Recommended – Free \u0026 Instant)\n1. Push to GitHub.\n2. Import repo at [vercel.com](https://vercel.com/import).\n3. Set `vercel.json` (auto-detected for Vite).\n4. Deploy – Custom domain optional!\n\n### Other Options\n- **Netlify**: Drag `/dist` or link GitHub.\n- **GitHub Pages**: Use `gh-pages` branch.\n- **Self-Host**: Serve `dist/` via Apache/Nginx.\n\n## 📚 Tech Stack\n\n![Vite](https://img.shields.io/badge/Vite-646CFF?style=for-the-badge\u0026logo=vite\u0026logoColor=white)\n![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge\u0026logo=tailwind-css\u0026logoColor=white)\n![GSAP](https://img.shields.io/badge/GSAP-88CE02?style=for-the-badge\u0026logo=greensock\u0026logoColor=white)\n![Lenis](https://img.shields.io/badge/Lenis-000?style=for-the-badge\u0026logo=studio-freight\u0026logoColor=white)\n![Remix Icon](https://img.shields.io/badge/Remix_Icon-18191A?style=for-the-badge\u0026logo=remixicon\u0026logoColor=white)\n\n- **Build Tools**: Vite, PostCSS, Tailwind.\n- **Animations**: GSAP (3.12.5), ScrollTrigger, TextPlugin.\n- **Icons**: Remix Icon (4.1.0).\n- **Fonts**: Inter \u0026 Space Mono (Google Fonts).\n- **CDNs**: Minimal – GSAP/Lenis for speed.\n\n## 🤝 Contributing\n\nLove it? Fork, tweak, and PR! Ideas for features like dark mode or React integration? Open an issue.\n\n1. Fork the repo.\n2. Create your branch (`git checkout -b feature/awesome`).\n3. Commit (`git commit -m 'Add awesome feature'`).\n4. Push (`git push origin feature/awesome`).\n5. Open a Pull Request.\n\nSee [CONTRIBUTING.md](CONTRIBUTING.md) for details.\n\n## 📄 License\n\nThis project is [MIT](LICENSE) licensed – use it freely, even commercially. Built with ❤️ from the sunny shores of Sri Lanka (Negombo vibes!).\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"https://github.com/dnuzi/mova-npm-media/blob/main/mova.gif\" alt=\"Hero Animation\" width=\"100%\" /\u003e\n\u003c/div\u003e\n\n---\n\n**Made by [Danu'Zz \u0026 Kelum'Xz](https://github.com/dnuzi) – Full-Stack Creative from Sri Lanka.**  \n*January 2026 Edition* | [YouTube](https://www.youtube.com/@MovaNest) | [MainSite](https://www.movanest.xyz)  \n\n\u003e \"Code like a hill country breeze – calm, yet unstoppable.\" 🌿💻\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdnuzi%2Fportfolio-site","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdnuzi%2Fportfolio-site","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdnuzi%2Fportfolio-site/lists"}