{"id":30558224,"url":"https://github.com/zainnextdev/myportfolio","last_synced_at":"2026-04-12T13:37:14.685Z","repository":{"id":311627823,"uuid":"1044363966","full_name":"zainnextdev/MyPortfolio","owner":"zainnextdev","description":"The official source code for my portfolio. An immersive showcase of modern web architecture and interactive design, built with Next.js, TypeScript, and Three.js.","archived":false,"fork":false,"pushed_at":"2025-08-25T16:02:17.000Z","size":9315,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-08-25T17:18:35.382Z","etag":null,"topics":["3d","animation","developer","freelance","frontend","full-stack","gsap","nextjs","pakistan","react","tailwindcss","threejs","typescript","vercel","web-development"],"latest_commit_sha":null,"homepage":"https://zainkhalid.vercel.app","language":"TypeScript","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/zainnextdev.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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-08-25T15:12:57.000Z","updated_at":"2025-08-25T16:02:20.000Z","dependencies_parsed_at":"2025-08-25T17:28:57.118Z","dependency_job_id":null,"html_url":"https://github.com/zainnextdev/MyPortfolio","commit_stats":null,"previous_names":["zainnextdev/myportfolio"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/zainnextdev/MyPortfolio","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zainnextdev%2FMyPortfolio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zainnextdev%2FMyPortfolio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zainnextdev%2FMyPortfolio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zainnextdev%2FMyPortfolio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zainnextdev","download_url":"https://codeload.github.com/zainnextdev/MyPortfolio/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zainnextdev%2FMyPortfolio/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":272466728,"owners_count":24939457,"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-28T02:00:10.768Z","response_time":74,"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":["3d","animation","developer","freelance","frontend","full-stack","gsap","nextjs","pakistan","react","tailwindcss","threejs","typescript","vercel","web-development"],"created_at":"2025-08-28T08:02:49.115Z","updated_at":"2026-04-12T13:37:14.653Z","avatar_url":"https://github.com/zainnextdev.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Zain Khalid - Full-Stack Portfolio (MyPortfolio)\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://myportfolio-zainnextdev.vercel.app/\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://raw.githubusercontent.com/zainnextdev/MyPortfolio/main/public/og-image.png\" alt=\"Zain Khalid Portfolio Banner\" /\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003c!-- Vercel Deployment Badge --\u003e\n  \u003ca href=\"https://zainkhalid.vercel.app/\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/Status-Deployed%20on%20Vercel-black?style=for-the-badge\u0026logo=vercel\" alt=\"Deployment Status\" /\u003e\n  \u003c/a\u003e\n  \u003c!-- License Badge --\u003e\n  \u003ca href=\"https://github.com/zainnextdev/MyPortfolio/blob/main/LICENSE\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/license/zainnextdev/MyPortfolio?style=for-the-badge\u0026color=00F5D4\" alt=\"License\" /\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\nThis repository contains the source code for my personal portfolio. It's an immersive showcase of modern web architecture and interactive design, built from the ground up with a focus on elite performance, stunning visuals, and a fluid user experience.\n\n**Live Site:** [**https://zainkhalid.vercel.app/**](https://zainkhalid.vercel.app/)\n\n---\n\n## 🛠️ Tech Stack \u0026 Architecture\n\n| Category              | Technology                                                                                                                                                                                                                                                                                     |\n| --------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| **Core Framework**    | [**Next.js 15**](https://nextjs.org/) (App Router), [**React 19**](https://react.dev/)                                                                                                                                                                                                           |\n| **Language**          | [**TypeScript**](https://www.typescriptlang.org/)                                                                                                                                                                                                                                              |\n| **Styling**           | [**Tailwind CSS**](https://tailwindcss.com/) with a custom, themeable design system.                                                                                                                                                                                                             |\n| **Animation**         | [**GSAP (GreenSock)**](https://greensock.com/gsap/) for high-performance timeline animations \u0026 [**Three.js**](https://threejs.org/) with [**React Three Fiber**](https://docs.pmnd.rs/react-three-fiber/getting-started/introduction) for interactive 3D graphics. |\n| **Backend \u0026 API**     | [**Next.js API Routes**](https://nextjs.org/docs/app/building-your-application/routing/route-handlers), [**Resend**](https://resend.com/) for email delivery, [**Zod**](https://zod.dev/) for server-side validation. |\n| **Deployment**        | [**Vercel**](https://vercel.com/) (Global Edge Network, Instant CI/CD)                                                                                                                                                                                                                         |\n\n---\n\n## ✨ Key Features\n\n-   **Interactive 3D Graphics:** Engaging visuals built with Three.js and React Three Fiber.\n-   **Advanced GSAP Animations:** Complex, scroll-triggered, and physics-based animations.\n-   **Command Palette:** A `Ctrl+K` interface for quick navigation and actions.\n-   **Multi-Theme System:** Seamlessly switch between distinct visual themes.\n-   **Custom Cursor \u0026 Smooth Scrolling:** For a premium, fluid browsing experience.\n-   **Secure API Endpoint:** A robust API route for the contact form with strong validation.\n\n---\n\n## 🚀 Getting Started Locally\n\n1.  **Clone the repository:**\n    ```bash\n    git clone https://github.com/zainnextdev/MyPortfolio.git\n    cd MyPortfolio\n    ```\n\n2.  **Install dependencies:**\n    ```bash\n    npm install\n    ```\n\n3.  **Set up environment variables:**\n    Create a file named `.env.local` in the project root and add your Resend API key:\n    ```env\n    RESEND_API_KEY=your_resend_api_key_here\n    ```\n\n4.  **Run the development server:**\n    ```bash\n    npm run dev\n    ```\n    Open [http://localhost:3000](http://localhost:3000) in your browser.\n\n---\n\n## 📄 License\n\nThis project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzainnextdev%2Fmyportfolio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzainnextdev%2Fmyportfolio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzainnextdev%2Fmyportfolio/lists"}