Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ajayahara/vivahit-assignment

Welcome to our cryptocurrency project repository! This project provides a simple and interactive platform for exploring the latest trends and details of various cryptocurrencies.
https://github.com/ajayahara/vivahit-assignment

chakra-ui chartjs cryptocurrency react swr

Last synced: about 21 hours ago
JSON representation

Welcome to our cryptocurrency project repository! This project provides a simple and interactive platform for exploring the latest trends and details of various cryptocurrencies.

Awesome Lists containing this project

README

        

# Cryptocurrency Project Documentation
## Live Demo
Netlify Link:-[Live Demo](https://crypto-world221.netlify.app/)
Live Video:- [Live Video](https://drive.google.com/file/d/1y3C89moAyGr2N8W3hurHex9EAzEIdZI0/view?usp=sharing)
### Note:-
- Data polling is scheduled for an interval 30sec.
- Since using free api and also it will show loading for several minute since requested so many time.
- No need to add a .env file

## Getting Started

To run the development server and explore the cryptocurrency project, follow these steps:

1. Clone the repository:

```
git clone https://github.com/your-username/cryptocurrency-project.git
```

2. Navigate to the project directory:
```
cd cryptocurrency-project
```

3. Install dependencies:

```
npm install
```

4. Start the development server:

```bash
npm run dev
```

The project will be available at http://localhost:3000/ in your web browser.

## Tech Stack

The cryptocurrency project is built using the following technologies:

- **Frontend:**
- React
- Chakra UI
- Chart.js for visualizing price changes
- SWR for data polling
## Pages
### Dashboard Page

Explore the latest market trends and cryptocurrency performance on the dashboard.
![Dashboard Page](https://crypto-world221.netlify.app/homepage.png)

### Coin Details Page

Navigate to the coin details page to get detailed information about a specific cryptocurrency. View the price changes of selected cryptocurrencies using Chart.js.
![Coin Detils](https://crypto-world221.netlify.app/detailspage.png)

## Conclusion

Thank you for exploring our cryptocurrency project! For any questions or feedback, please contact [email protected] .
EOF