{"id":25254311,"url":"https://github.com/keepserene/crypto-screener-react-site","last_synced_at":"2025-07-07T01:05:08.418Z","repository":{"id":276231482,"uuid":"928547866","full_name":"KeepSerene/crypto-screener-react-site","owner":"KeepSerene","description":"A crypto screener site powered by React.js, Tailwind CSS, \u0026 CoinGecko API","archived":false,"fork":false,"pushed_at":"2025-02-17T12:09:01.000Z","size":761,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-05T23:14:03.183Z","etag":null,"topics":["coingecko-api","context-api","crypto-screener","lodash","react18","recharts","tailwindcss-v3","vercel-deployment"],"latest_commit_sha":null,"homepage":"https://block-view-delta.vercel.app","language":"JavaScript","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/KeepSerene.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":"2025-02-06T20:10:11.000Z","updated_at":"2025-03-24T02:51:12.000Z","dependencies_parsed_at":"2025-02-07T02:41:56.484Z","dependency_job_id":null,"html_url":"https://github.com/KeepSerene/crypto-screener-react-site","commit_stats":null,"previous_names":["keepserene/crypto-screener-react-site"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/KeepSerene/crypto-screener-react-site","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KeepSerene%2Fcrypto-screener-react-site","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KeepSerene%2Fcrypto-screener-react-site/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KeepSerene%2Fcrypto-screener-react-site/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KeepSerene%2Fcrypto-screener-react-site/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/KeepSerene","download_url":"https://codeload.github.com/KeepSerene/crypto-screener-react-site/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KeepSerene%2Fcrypto-screener-react-site/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263996084,"owners_count":23541399,"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":["coingecko-api","context-api","crypto-screener","lodash","react18","recharts","tailwindcss-v3","vercel-deployment"],"created_at":"2025-02-12T05:31:48.926Z","updated_at":"2025-07-07T01:05:08.397Z","avatar_url":"https://github.com/KeepSerene.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# BlockView - Cryptocurrency Tracking Platform\n\nBlockView is a modern, responsive, and accessible cryptocurrency tracking platform built with React. It provides real-time cryptocurrency data, market trends, and detailed analysis tools for crypto enthusiasts and investors.\n\n## Screenshot\n\n![Desktop View](./public/block-view.png)\n\n## Features\n\n- **Real-time Cryptocurrency Data**: Track live prices, market caps, and volume data\n- **Customizable Watchlist**: Save and monitor your favorite cryptocurrencies\n- **Trending Cryptocurrencies**: View currently trending crypto assets\n- **Detailed Analytics**: Access comprehensive price charts and market statistics\n- **Responsive Design**: Fully responsive layout that works on all devices\n- **Accessibility Features**:\n  - ARIA labels for screen readers\n  - Semantic HTML structure\n  - Keyboard navigation support\n  - Color contrast compliance\n- **Search Functionality**: Search and filter cryptocurrencies with debounced API calls\n- **Currency Conversion**: Support for multiple fiat currencies\n- **Pagination**: Efficient data loading with paginated results\n- **Error Handling**: Comprehensive error states and loading indicators\n\n## Live Demo\n\n[Play around](https://block-view-delta.vercel.app/)\n\n## Technologies Used\n\n- React 18\n- React Router v6\n- Tailwind CSS\n- Recharts\n- CoinGecko API\n- Lodash\n\n## Getting Started\n\n1. Clone the repository:\n\n```bash\ngit clone https://github.com/KeepSerene/crypto-screener-react-site.git\n```\n\n2. Install dependencies:\n\n```bash\ncd crypto-screener-react-site\nnpm install\n```\n\n3. Start the development server:\n\n```bash\nnpm run dev\n```\n\n4. Build for production:\n\n```bash\nnpm run build\n```\n\n## Project Structure\n\n```\nblockview/\n├── src/\n│   ├── components/\n│   ├── contexts/\n│   ├── pages/\n│   ├── utils/\n│   └── App.jsx\n├── public/\n└── ...\n```\n\n## API Notice\n\nThis project uses the CoinGecko API's free tier, which has rate limitations. For production use, consider upgrading to their pro tier for better rate limits and additional features.\n\n## Author\n\n_Dhrubajyoti Bhattacharjee_\n\n- GitHub: [@KeepSerene](https://github.com/KeepSerene)\n- LinkedIn: [Dhrubajyoti Bhattacharjee](https://www.linkedin.com/in/dhrubajyoti-bhattacharjee-320822318/)\n\n## Acknowledgments\n\n- Data provided by [CoinGecko API](https://www.coingecko.com/en/api)\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%2Fkeepserene%2Fcrypto-screener-react-site","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkeepserene%2Fcrypto-screener-react-site","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkeepserene%2Fcrypto-screener-react-site/lists"}