CoinTracker is a React Native app that allows you to track and monitor various cryptocurrencies. It provides a list of crypto coins along with their volume, price, name, and symbol. You can sort the list based on volume and last price in increasing or decreasing order. The app also utilizes sockets to provide a real-time experience. Additionally, when you click on a coin from the list, an interactive graph with options for day, month, 6 months, year, and all-time data will be displayed.
Figure 1: Coin List screen displaying the list of crypto coins
VID-20241224-WA0014.1.mp4
Figure 2: Graph View screen displaying the interactive graph for a selected coin
To run CoinTracker locally on your Android device, follow the steps below:
- Node.js (version 12 or above)
- npm or yarn
- Android Studio with Android SDK installed
-
Clone the CoinTracker repository:
git clone https://github.com/kushagra1212/Coin-Tracker-Interactive.git
-
Navigate to the project directory:
cd Coin-Tracker-Interactive -
Install the project dependencies:
npm install
or
yarn install
-
Connect your Android device to your computer using a USB cable, or launch an Android emulator from Android Studio.
-
Build and run the app:
npx react-native run-android
or
yarn android
This will install the app on your device or emulator and launch it.
Once the CoinTracker app is running on your Android device, you can perform the following actions:
- View Coin List: The app displays a list of crypto coins along with their volume, price, name, and symbol. By default, the list is sorted by volume in increasing order.
- Sort by Volume: Tap on the "Volume" button at the top of the list to sort the coins based on volume. apping again will toggle between increasing and decreasing order. Sort by Last Price: Tap on the "Last Price" button at the top of the list to sort the coins based on last price. Tapping again will toggle between increasing and decreasing order.
- Real-Time Updates: The app utilizes sockets to provide real-time updates. The coin list will automatically refresh whenever there is a change in data.
- Graph View: Click on a coin from the list to view an interactive graph. The graph displays the price history of the selected coin. You can choose different time intervals such as day, month, 6 months, year, or all-time to view the corresponding price trends.