https://github.com/snehadankhra14/nextjs-crypto-dashboard
Real-time cryptocurrency dashboard built with Next.js and Chart.js. View live prices and trends using the CoinGecko API. 🌟🚀
https://github.com/snehadankhra14/nextjs-crypto-dashboard
admin-dashboard bitcoin chartjs coingecko coingecko-api crypto cryptocurrency dashboard ethereum nextjs react recharts shadcn-ui solana typescript
Last synced: 3 months ago
JSON representation
Real-time cryptocurrency dashboard built with Next.js and Chart.js. View live prices and trends using the CoinGecko API. 🌟🚀
- Host: GitHub
- URL: https://github.com/snehadankhra14/nextjs-crypto-dashboard
- Owner: snehaDankhra14
- License: mit
- Created: 2025-07-04T17:20:25.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2025-07-12T04:26:10.000Z (3 months ago)
- Last Synced: 2025-07-12T06:21:55.642Z (3 months ago)
- Topics: admin-dashboard, bitcoin, chartjs, coingecko, coingecko-api, crypto, cryptocurrency, dashboard, ethereum, nextjs, react, recharts, shadcn-ui, solana, typescript
- Language: TypeScript
- Size: 206 KB
- Stars: 0
- Watchers: 0
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Next.js Crypto Dashboard: Your Simple Cryptocurrency Tracker 🌐📈
Welcome to the **Next.js Crypto Dashboard** repository! This project offers a straightforward interface to track cryptocurrency prices and trends using the CoinGecko API. Below you will find all the necessary information to get started, contribute, and utilize this project effectively.
## Table of Contents
- [Features](#features)
- [Technologies Used](#technologies-used)
- [Installation](#installation)
- [Usage](#usage)
- [Screenshots](#screenshots)
- [Contributing](#contributing)
- [License](#license)
- [Releases](#releases)
## Features
- **Real-time Data**: Get up-to-date prices and trends for popular cryptocurrencies like Bitcoin, Ethereum, and Solana.
- **User-Friendly Interface**: Simple design that makes tracking easy for everyone.
- **Responsive Design**: Works well on both desktop and mobile devices.
- **Charts and Graphs**: Visualize data with interactive charts using Chart.js and Recharts.
- **Dark Mode**: Toggle between light and dark themes for a comfortable viewing experience.
## Technologies Used
This project leverages several technologies and libraries:
- **Next.js**: A React framework for server-side rendering.
- **CoinGecko API**: Provides cryptocurrency market data.
- **Chart.js**: For creating charts and graphs.
- **Recharts**: Another library for building charts.
- **Tailwind CSS**: A utility-first CSS framework for styling.
- **Shadcn UI**: For UI components.
- **JavaScript**: The core programming language for the project.
## Installation
To set up the project locally, follow these steps:
1. **Clone the repository**:
```bash
git clone https://github.com/snehaDankhra14/nextjs-crypto-dashboard.git
```
2. **Navigate to the project directory**:
```bash
cd nextjs-crypto-dashboard
```
3. **Install the dependencies**:
```bash
npm install
```
4. **Run the development server**:
```bash
npm run dev
```
Your application will be available at `http://localhost:3000`.
## Usage
After running the application, you can explore various features:
- View the current prices of cryptocurrencies.
- Check historical data through interactive charts.
- Toggle between light and dark modes.
- Search for specific cryptocurrencies using the search bar.
For more detailed usage instructions, refer to the documentation provided within the project.
## Screenshots
Here are some screenshots showcasing the dashboard:
## Contributing
We welcome contributions! To contribute to this project:
1. Fork the repository.
2. Create a new branch:
```bash
git checkout -b feature/YourFeature
```
3. Make your changes and commit them:
```bash
git commit -m "Add your message"
```
4. Push to your branch:
```bash
git push origin feature/YourFeature
```
5. Open a pull request.
Please ensure your code follows the project's coding standards and passes all tests.
## License
This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.
## Releases
To download the latest version of the Next.js Crypto Dashboard, visit the [Releases](https://github.com/snehaDankhra14/nextjs-crypto-dashboard/releases) section. You can find the latest builds and download them for local execution.
For more details, check the [Releases](https://github.com/snehaDankhra14/nextjs-crypto-dashboard/releases) section.
## Topics
This project covers a range of topics related to cryptocurrency and web development:
- Bitcoin
- Chart.js
- CoinGecko API
- Crypto
- Cryptocurrency
- Dashboard
- Ethereum
- Next.js
- Recharts
- Shadcn UI
- Solana
- Tailwind CSS
Feel free to explore and learn more about these topics as you work with the project.
## Contact
For any questions or feedback, please reach out via GitHub issues or contact me directly.
---
Happy coding!