{"id":31805341,"url":"https://github.com/devdignesh/token_portfolio","last_synced_at":"2025-10-11T02:49:24.791Z","repository":{"id":314034856,"uuid":"1046782402","full_name":"devdignesh/token_portfolio","owner":"devdignesh","description":"App to track your favorite cryptocurrencies, view their prices, and manage a portfolio with a clean UI.","archived":false,"fork":false,"pushed_at":"2025-09-10T04:08:33.000Z","size":168,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-09-10T08:11:33.861Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://token-portfolio-seven.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/devdignesh.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,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-08-29T08:06:29.000Z","updated_at":"2025-09-10T04:08:36.000Z","dependencies_parsed_at":"2025-09-10T08:11:39.535Z","dependency_job_id":"ebe1c90f-3215-4ac9-b5ef-273cb00a6252","html_url":"https://github.com/devdignesh/token_portfolio","commit_stats":null,"previous_names":["devdignesh/token_portfolio"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/devdignesh/token_portfolio","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devdignesh%2Ftoken_portfolio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devdignesh%2Ftoken_portfolio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devdignesh%2Ftoken_portfolio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devdignesh%2Ftoken_portfolio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/devdignesh","download_url":"https://codeload.github.com/devdignesh/token_portfolio/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devdignesh%2Ftoken_portfolio/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279005940,"owners_count":26084004,"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-10-11T02:00:06.511Z","response_time":55,"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":[],"created_at":"2025-10-11T02:49:20.813Z","updated_at":"2025-10-11T02:49:24.783Z","avatar_url":"https://github.com/devdignesh.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Token portfolio\nA modern, pixel-perfect crypto portfolio dashboard to track, manage, and visualize your favorite tokens — all in real time.\n\n## Tech Stack\n- **Frontend**: React (Vite) + TypeScript\n- **State Management**: Redux Toolkit\n- **Styling**: Tailwind CSS\n- **Wallet Integration**: wagmi + RainbowKit\n- **API**: CoinGecko\n- **Charts**: Custom SVG Donut Chart\n\n## Preview\n\u003cimg width=\"1440\" height=\"920\" alt=\"dashboard\" src=\"https://github.com/user-attachments/assets/de8bc6e0-ca17-4b24-8ff9-f252762823ab\" /\u003e\n\n## Features\n\n- **Search 18,000+ cryptocurrencies** using CoinGecko API with intelligent debounce.\n- **Add / remove tokens** to your personal watchlist with one click.\n- **Real-time price updates** every 60 seconds for accurate portfolio tracking.\n- **Custom SVG donut chart** to visualize portfolio distribution dynamically.\n- **Paginated \u0026 optimized table view** (10 tokens per page).\n- **Connect crypto wallet** via wagmi + RainbowKit for real-time token interaction.\n- **Pixel-perfect \u0026 fully responsive UI** designed for clarity and speed.\n\n## How to Install\n```bash\ngit clone https://github.com/devdignesh/token_portfolio.git\ncd token_portfolio\nnpm install\nnpm run dev\n```\n\n## Performance \u0026 Optimization\n\n- **Lazy Loading**: Dynamically import modal and chart components.\n- **React Optimizations**: Used React.memo, useCallback, and useMemo to minimize re-renders.\n- **Infinite Scroll**: Auto-fetch tokens in AddTokenModal when scrolling.\n- **Bundle Optimization**: Manual chunking in Vite config to separate vendor libs.\n- **Build Efficiency**: Increased Vite chunk size limit for smoother performance.\n\n\n\n\n## Project Insight\n\nThis project showcases advanced **frontend architecture**, **state management**, and **real-time data handling** with crypto APIs. \u003cbr/\u003e\nIt reflects my focus on **pixel-perfect UI**, **scalable component design**, and **performance tuning** in production-level applications.\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevdignesh%2Ftoken_portfolio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdevdignesh%2Ftoken_portfolio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevdignesh%2Ftoken_portfolio/lists"}