https://github.com/scarywings83289/crypto-tracker

A crypto tracker application for browsing a catalog of cryptocurrencies along with their respective market caps
https://github.com/scarywings83289/crypto-tracker

context context-api cryptocurrency react react-router recharts tailwind-css typescript vite

Last synced: 3 months ago
JSON representation

A crypto tracker application for browsing a catalog of cryptocurrencies along with their respective market caps

• Host: GitHub
• URL: https://github.com/scarywings83289/crypto-tracker
• Owner: ScaryWings83289
• Created: 2024-03-30T13:55:46.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-04-14T13:28:10.000Z (about 2 years ago)
• Last Synced: 2025-08-18T03:40:13.000Z (11 months ago)
• Topics: context, context-api, cryptocurrency, react, react-router, recharts, tailwind-css, typescript, vite
• Language: TypeScript
• Homepage: https://cryptobucks-tracker.netlify.app/
• Size: 2.49 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# CryptoBucks - A Crypto screener Application

![Made-With-React](https://img.shields.io/badge/Made_with-React-informational?style=for-the-badge&logo=react) 

![Made-With-Typescript](https://img.shields.io/badge/Made_with-typescript-informational?style=for-the-badge&logo=typescript) 

![Made-With-Tailwind](https://img.shields.io/badge/Made_with-tailwind-informational?style=for-the-badge&logo=tailwind-css)

![Made-With-Vite](https://img.shields.io/badge/Made_with-vite-informational?style=for-the-badge&logo=vite)

This is a Crypto Screener website developed using React.js, Tailwind CSS, Context API for state management, React Router and Cryptocurrency APIs. The website allows users to view all cryptocurrencies see which one of them is trending in the market and save them for future.

## Prerequisites

Before you begin, ensure you have met the following requirements:

- Node.js and npm installed

- Clone this repository

## Installation

1. Clone the repository:

```bash

git clone git@github.com:ScaryWings83289/crypto-tracker.git

cd crypto-tracker

```

2. Install dependencies:

```bash

yarn install

```

3. Start the development server:

```bash

yarn dev

```

4. Access the website by navigating to http://localhost:5173/ in your web browser.

## Usage 

The website allows users to:

- **Browsing Catalog:** Navigate through the catalog to explore various cryptocurrencies and their market caps.

- **Latest Trends:** Keep track of the latest trends for individual crypto coins to make informed decisions.

- **Trending Coins:** Discover trending coins in the crypto market to stay ahead.

- **Favorites:** Save your favorite coins for quick access and future reference.

## Features

CryptoBucks is a web application that offers the following features:

- Browse a catalog of cryptocurrencies along with their respective market caps.

- Stay updated with the latest trends of individual crypto coins.

- Explore trending coins in the crypto market.

- Save favorite coins for future reference.

**SCREENSHOTS:**

Crypto Listing Page:

![](src/assets/crypto_desktop.png)

![](src/assets/crypto_mobile.png)

Crypto Details Page:

![](src/assets/crypto_details_desktop.png)

![](src/assets/crypto_details_mobile.png)

Trending Page:

![](src/assets/trending_desktop.png)

![](src/assets/trending_mobile.png)

Saved Crypto Page

![](src/assets/saved_desktop.png)

## Developed With

* [Visual Studio Code](https://code.visualstudio.com/) - A source code editor developed by Microsoft for Windows, Linux and macOS. It includes support for debugging, embedded Git control, syntax highlighting, intelligent code completion, snippets, and code refactoring

* [React](https://reactjs.org/) - A javascript library for building user interfaces

* [Vite](https://vitejs.dev/) - It is a new breed of frontend build tooling that significantly improves the frontend development experience.

* [Tailwind CSS](https://tailwindcss.com/) - It is a utility-first CSS framework for rapidly building modern websites without ever leaving your HTML.

* [CoinGecko API](https://www.coingecko.com/api/documentation) - CoinGecko provides a fundamental analysis of the crypto market. In addition to tracking price, volume and market capitalisation, CoinGecko tracks community growth, open-source code development, major events and on-chain metrics.