{"id":23174579,"url":"https://github.com/quang-pham-dev/quang-clients-map","last_synced_at":"2026-02-13T14:41:49.260Z","repository":{"id":268337754,"uuid":"904026850","full_name":"quang-pham-dev/quang-clients-map","owner":"quang-pham-dev","description":"An interactive mapping application that showcases my client portfolio and professional journey","archived":false,"fork":false,"pushed_at":"2025-01-06T01:43:58.000Z","size":2600,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-05T00:42:46.194Z","etag":null,"topics":["3d","next15","react-scan","react-three-drei","react-three-fiber","react19","shadcn-ui","tailwindcss","threejs","turbopack","vault"],"latest_commit_sha":null,"homepage":"https://quang-clients-map.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/quang-pham-dev.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":"2024-12-16T05:38:35.000Z","updated_at":"2025-01-13T01:28:43.000Z","dependencies_parsed_at":"2024-12-16T06:40:11.966Z","dependency_job_id":null,"html_url":"https://github.com/quang-pham-dev/quang-clients-map","commit_stats":null,"previous_names":["quang-pham-dev/quang-clients-map"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/quang-pham-dev/quang-clients-map","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/quang-pham-dev%2Fquang-clients-map","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/quang-pham-dev%2Fquang-clients-map/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/quang-pham-dev%2Fquang-clients-map/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/quang-pham-dev%2Fquang-clients-map/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/quang-pham-dev","download_url":"https://codeload.github.com/quang-pham-dev/quang-clients-map/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/quang-pham-dev%2Fquang-clients-map/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263300679,"owners_count":23445279,"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":["3d","next15","react-scan","react-three-drei","react-three-fiber","react19","shadcn-ui","tailwindcss","threejs","turbopack","vault"],"created_at":"2024-12-18T05:30:14.000Z","updated_at":"2026-02-13T14:41:44.195Z","avatar_url":"https://github.com/quang-pham-dev.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Quang Clients Map\n\n## Project Overview\n\nAn interactive mapping application that showcases my client portfolio and professional journey. The website features:\n\n- Interactive 3D globe visualization of client locations worldwide\n- Detailed client history and project information\n- Timeline of professional collaborations past and present\n- Modern React components with TypeScript\n- Responsive and animated UI for engaging user experience\n- Performance-optimized for smooth globe interactions\n- Custom-themed interface with professional aesthetics\n\nThis application serves as a visual representation of my professional network, highlighting collaborations and projects across different regions and industries throughout my career.\n\n## Tech Stack\n\n### Core Technologies:\n\n- [Next.js](https://nextjs.org/) (v15.1.0)\n- [React](https://react.dev/) (v19.0.0)\n- [React DOM](https://reactjs.org/docs/react-dom.html) (v19.0.0)\n- [TypeScript](https://www.typescriptlang.org/) (v5)\n\n### 3D Rendering:\n\n- [Three.js](https://threejs.org/) (v0.171.0)\n- [@react-three/fiber](https://docs.pmnd.rs/react-three-fiber) (v9.0.0-rc.1)\n- [@react-three/drei](https://drei.pmnd.rs/) (v9.120.4)\n\n### UI and Styling:\n\n- [Tailwind CSS](https://tailwindcss.com/) (v3.4.1)\n- [Radix UI](https://www.radix-ui.com/) components:\n  - [@radix-ui/react-dialog](https://www.radix-ui.com/primitives/docs/components/dialog) (v1.1.3)\n  - [@radix-ui/react-scroll-area](https://www.radix-ui.com/primitives/docs/components/scroll-area) (v1.2.2)\n  - [@radix-ui/react-slot](https://www.radix-ui.com/primitives/docs/utilities/slot) (v1.1.1)\n- [Lucide React](https://lucide.dev/) (v0.468.0)\n- [class-variance-authority](https://cva.style/docs) (v0.7.1)\n- [clsx](https://github.com/lukeed/clsx) (v2.1.1)\n- [tailwind-merge](https://github.com/dcastil/tailwind-merge) (v2.5.5)\n- [tailwindcss-animate](https://github.com/jamiebuilds/tailwindcss-animate) (v1.0.7)\n- [Vaul](https://vaul.emilkowal.ski/) (v1.1.2)\n\n### Development Tools:\n\n- [ESLint](https://eslint.org/) (v9)\n- [react-scan](https://www.npmjs.com/package/react-scan) (v0.0.46)\n\n## Getting Started\n\n### Prerequisites:\n\n- Node.js\n- npm, yarn, pnpm, or bun\n\n### Development\n\n1. Install dependencies:\n\n   ```bash\n   npm install\n   # or\n   yarn install\n   # or\n   pnpm install\n   # or\n   bun install\n   ```\n\n2. Run the development server:\n\n   ```bash\n   npm run dev\n   # or\n   yarn dev\n   # or\n   pnpm dev\n   # or\n   bun dev\n   ```\n\n3. Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.\n\n### Development Features\n\n- **Turbopack Enabled**: Using Next.js with Turbopack for faster development\n- **Hot Reload**: The page auto-updates as you edit files\n- **React Scan**: Includes development tools for React component analysis\n- **TypeScript**: Strict type checking enabled\n- **Custom Font**: Utilizes [Geist](https://vercel.com/font) font family\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fquang-pham-dev%2Fquang-clients-map","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fquang-pham-dev%2Fquang-clients-map","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fquang-pham-dev%2Fquang-clients-map/lists"}