https://github.com/anirudhrana55/cryptotrackr

It's an API-driven cryptocurrency tracker built with React JS, using Redux for state management and styled with Tailwind CSS.
https://github.com/anirudhrana55/cryptotrackr

api-rest cryptocurrency cryptotracker heroku-deployment html5 reactjs redux redux-thunk tailwind-css

Last synced: 3 days ago
JSON representation

It's an API-driven cryptocurrency tracker built with React JS, using Redux for state management and styled with Tailwind CSS.

• Host: GitHub
• URL: https://github.com/anirudhrana55/cryptotrackr
• Owner: AnirudhRana55
• Created: 2024-11-13T18:29:56.000Z (7 days ago)
• Default Branch: main
• Last Pushed: 2024-11-13T19:33:20.000Z (7 days ago)
• Last Synced: 2024-11-13T19:34:05.936Z (7 days ago)
• Topics: api-rest, cryptocurrency, cryptotracker, heroku-deployment, html5, reactjs, redux, redux-thunk, tailwind-css
• Language: JavaScript
• Homepage:
• Size: 496 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![](https://img.shields.io/badge/Anirudh-yellow)

# CryptoTrackr

> This application tracks major cryptocurrencies in the market and displays their details, with a filter feature to view data for specific cryptocurrencies selected by the user.

## Built With

- React JS

- Redux

- API

- Tailwind CSS

- HTML5

## Live Demo (Click To View)

[Live Demo Link](https://crypto-tracker-rito.netlify.app/)

>

>

## Project view

 ### Home view 

![Mobile Home](./screen/HomeMobile.PNG)

![Desktop Home](./screen/HomeDesktop.PNG)

### Detail view

![Detail Mobile](./screen/MobileDetailPage.PNG)

![Detail Desktop](./screen/DesktopDetailPage.PNG)

## Built With

- ![](https://img.shields.io/badge/Github-blueviolet)

- ![](https://img.shields.io/badge/Javascript-blue)

- ![](https://img.shields.io/badge/HTML5-purple) 

- ![](https://img.shields.io/badge/Tailwind-CSS-blue) 

- ![](https://img.shields.io/badge/API-black)

- ![](https://img.shields.io/badge/JSON-violet)

- ![](https://img.shields.io/badge/REACT-blue)

- ![](https://img.shields.io/badge/REDUX-blue)

## Setup

To get this project up and running, you should do the following;

If you wish to run the project locally, please do the following:

1.- Clone the repository to your local machine.

    - **`git clone https://github.com/AnirudhRana55/CryptoTrackr.git`**

    - **`cd crypto-tracker`**

2.- Install Node.js and npm if you haven't already.

   To install Node.js, follow the instructions on [Node.js](https://nodejs.org/en/).

   

   To install npm with the necessary dependencies, run the following command in your terminal:

   ``` bash

   npm install 

   ```

3.- Once you have the setup and the project locally, you can run the project using the following command in your terminal:

``` bash

npm run build

```

4.- and if you want to watch the changes live, run the following command (it will run the website on localhost:3000):

``` bash

npm start

```