Try it out here
Crypto Dashboard is an open-source cryptocurrency dashboard that allows users to track the performance of various cryptocurrencies. It's built using Next.js and React, and it's designed to be a user-friendly interface for cryptocurrency enthusiasts. The dashboard provides real-time data on the performance of different cryptocurrencies, including their price, market capitalization, and trading volume. It also includes a portfolio section where users can track their holdings of different cryptocurrencies. This was made possible using the CoinCap API.
- Dashboard Overview
- Portfolio Tracking
- Market Insights
- Coin & Exchange Ranking
- Real-Time Price Updates
- Next.js
- React
- TypeScript
- Tailwind CSS
- Next Auth
- MobX
- Nivo Charts
- Drizzle ORM
To get a local copy up and running follow these simple steps:
- Clone the repo
git clone https://github.com/d-one-company/crypto-dashboard.git
- Install packages
pnpm install
- Start the development server
pnpm dev
To use the application, navigate to the / route in your browser.
The Dashboard page is the main page of the application. There are couple of sections on the page. The first section shows your current balance, including the percentage that indicates performance of your portfolio. The second section shows top three currencies by price. The final section is a table of your recent transactions. It shows coin rank, name, price, market cap, supply, trending, and performance chart.
On the Portfolio page, you can view an example of a portfolio. There are couple of sections on the page. The first section allows you to customize your portfolio. The second section shows buy/sell rates for the cryptocurrencies you have added to your portfolio. The third section is the table of your current assets. And the last section shows the type of tokens you have added to your portfolio.
The Market page shows a paginated table of the top cryptocurrencies by market capitalization. It displays the table with the coin name, latest price, dynamic price change, volume, and chart that shows the price trend.
The Exchanges page displays the most popular cryptocurrency exchanges based on their popularity and recent activity. It shows the table with the exchange rank, name, number of traiding pairs, volume, and percentage of market capitalization.