BlockView 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.
- Real-time Cryptocurrency Data: Track live prices, market caps, and volume data
- Customizable Watchlist: Save and monitor your favorite cryptocurrencies
- Trending Cryptocurrencies: View currently trending crypto assets
- Detailed Analytics: Access comprehensive price charts and market statistics
- Responsive Design: Fully responsive layout that works on all devices
- Accessibility Features:
- ARIA labels for screen readers
- Semantic HTML structure
- Keyboard navigation support
- Color contrast compliance
- Search Functionality: Search and filter cryptocurrencies with debounced API calls
- Currency Conversion: Support for multiple fiat currencies
- Pagination: Efficient data loading with paginated results
- Error Handling: Comprehensive error states and loading indicators
- React 18
- React Router v6
- Tailwind CSS
- Recharts
- CoinGecko API
- Lodash
- Clone the repository:
git clone https://github.com/KeepSerene/crypto-screener-react-site.git- Install dependencies:
cd crypto-screener-react-site
npm install- Start the development server:
npm run dev- Build for production:
npm run buildblockview/
├── src/
│ ├── components/
│ ├── contexts/
│ ├── pages/
│ ├── utils/
│ └── App.jsx
├── public/
└── ...
This 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.
Dhrubajyoti Bhattacharjee
- GitHub: @KeepSerene
- LinkedIn: Dhrubajyoti Bhattacharjee
- Data provided by CoinGecko API
This project is licensed under the MIT License - see the LICENSE file for details.