Crypto Snap is a ReactJS-based web application that provides real-time information about the top 7 trending bitcoins and their market trends. The project utilizes various technologies such as Tailwind CSS, CoinGecko API, Chart.js, react-router-dom, Hero Icons, and Moment.js.
Visit the live demo of Crypto Snap: Live Demo
Crypto Snap displays the top 7 trending bitcoins, showcasing essential information about each one, including:
- Bitcoin Name
- Current Price
- Trend Direction (Up or Down)
- Market Information
The Markets tab offers a detailed view of the current trends in the cryptocurrency market. It provides information on:
- Bitcoin Name
- Current Price
- Trend Direction (Up or Down)
- Market Information
Crypto Snap incorporates interactive charts for each bitcoin, offering a visual representation of its trend over time. The charts include details such as:
- Date
- Trend Direction
- Additional Details About Bitcoin
The application is built with a responsive design using Tailwind CSS, ensuring a seamless experience across various devices and screen sizes.
- ReactJS
- Tailwind CSS
- CoinGecko API
- Chart.js
- react-router-dom
- Hero Icons
- Moment.js
-
Clone the repository:
git clone https://github.com/g3vind/crypto-snap.git
-
Install dependencies:
cd crypto-snap npm install -
Run the application:
npm run dev
The application will be accessible at
http://localhost:5173/in your web browser.
Feel free to contribute, report issues, or suggest improvements. Happy coding!