Cryptocurrency Dashboard
A cryptocurrency dashboard app built using React 18, Material UI 5, and Chart.js 4. The app uses the CoinGecko API to get cryptocurrency data.
Install / Use
npx skills add BobsProgrammingAcademy/cryptocurrency-dashboardInstalls into whichever agent you are using.
README
Cryptocurrency Dashboard
This is a cryptocurrency dashboard app built using React 18, Material UI 5, and Chart.js 4. The app uses the CoinGecko API to get cryptocurrency data such as live prices, trading volume, exchange volumes, historical data, crypto categories, images, and more.
Dark mode:
Light mode:
Table of Contents
- Prerequisites
- Installation
- Running the application
- Running the tests
- Customizing the application
- Copyright and License
Prerequisites
Install the following prerequisites:
Installation
Install required dependencies
From the root directory, run:
npm install
Run the application
From the root directory, run:
npm start
Run the tests
From the root directory, run:
npm run test
View the application
Go to http://localhost:3000/ to view the application.
Customize the application
This section describes how to customize the application.
Changing Colors
To modify the colors in the application, make changes in the src/theme/theme.js file.
Changing Fonts
To modify the fonts in the application, first, add a new font to the public/index.html file and then make changes in the src/theme/typography.js file.
Changing Logo
To modify the logo in the application, make changes in the src/layout/Header.js and src/layout/Sidebar.js files.
Copyright and License
Copyright © 2022 Bob's Programming Academy. Code released under the MIT license.
Related Skills
node-connect
385.5kDiagnose OpenClaw Android, iOS, or macOS node pairing, QR/setup code, route, auth, and connection failures.
imsg
385.5kUse the imsg CLI from OpenClaw agents for iMessage/SMS DMs, groups, replies, reactions, polls, watching, and private-API actions.
Agent Development
140.7kThis skill should be used when the user asks to "create an agent", "add an agent", "write a subagent", "agent frontmatter", "when to use description", "agent examples", "agent tools", "agent colors", "autonomous agent", or needs guidance on agent structure, system prompts, triggering conditions, or…
review-duplication
106.4kUse this skill during code reviews to proactively investigate the codebase for duplicated functionality, reinvented wheels, or failure to reuse existing project best practices and shared utilities.
Languages
Security Score
Audited on Jan 3, 2026