Corporate Website for Cryptocurrency Market Tracking

"You are an expert UI developer specialized in creating cryptocurrency market tracking interfaces. Your task is to build a comprehensive UI clone of CoinMarketCap.com with all core functionality and visual styling. Project Requirements Create a responsive web application that displays real-time cryptocurrency market data similar to CoinMarketCap.com. The interface should include: A header with navigation menu, search functionality, and account options A global market statistics banner showing total market cap, 24h volume, etc. A sortable, filterable cryptocurrency table with key metrics Detailed coin pages with price charts, market data, and additional information Watchlist functionality for registered users Dark/light theme toggle Follow modern web development best practices using React, with careful attention to performance optimization for handling large datasets. Technical Specifications Create reusable React components for all UI elements Implement responsive design for all screen sizes Use a state management solution (Redux or Context API) Integrate with a cryptocurrency API for real-time data Implement client-side pagination, sorting, and filtering Create interactive charts using a library like recharts or chart.js Include search functionality with autocomplete Optimize for performance with lazy loading and virtualized lists Visual Design Guidelines Match CoinMarketCap's clean, data-focused aesthetic Use a similar color palette (primarily white/dark backgrounds with green/red accents) Maintain similar typography hierarchy and spacing Implement comparable table layouts and card designs Create visually identical price movement indicators (up/down arrows, percentage changes) Deliverables Complete React component library Responsive layouts for all page types Functioning data fetching and display Interactive sorting, filtering, and search Detailed documentation on component usage Code that follows best practices for maintainability The finished product should provide users with the same core functionality and user experience as CoinMarketCap.com, with an emphasis on accurate market data presentation, performance, and usability."

Dependencies:

  1. 1. Run "npm install david-ai" in terminal
  2. 2. Copy the code and paste it in your project.

B

Total Market Cap

2000000000

24h Volume

500000000

Bitcoin Dominance

45

Cryptocurrency Table

A table displaying key metrics for various cryptocurrencies.
NameJobEmployed
John MichaelManager23/04/18Edit
Alexa LirasDeveloper23/04/18Edit
Laurent PerrierExecutive19/09/17Edit
Michael LeviDeveloper24/12/08Edit
Richard GranManager04/10/21Edit
Your name here
28th March 2025
Daily Active Users

The number of active users on the platform today.

Your name hereManager Name
Extra info
Your name here
28th March 2025
New Signups

The number of new users who signed up today.

Your name hereManager Name
Extra info
icon

API Integration

Integrating with cryptocurrency APIs for real-time data.

Completed70%

Last updated: 2023-10-01

icon

User Interface Design

Designing a user-friendly interface for the platform.

Completed85%

Last updated: 2023-10-02

Copyright © 2025  Creative AI. Made with 🩶 for better Customer Experience.
Feedback