Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

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

Track cryptocurrency prices 📈💰
https://github.com/xjqx/crypto-tracker

axios-react firebase javascript material-ui react-alice-carousel react-chartjs-2 react-html-parser react-router-dom reactjs

Last synced: 18 days ago
JSON representation

Track cryptocurrency prices 📈💰

Awesome Lists containing this project

README

        

# Crypto Tracker

Track your favourite Cryptocurrency! 📈

![JavaScript](https://img.shields.io/badge/-JavaScript-%23F7DF1C?style=flat-square&logo=javascript&logoColor=000000&labelColor=%23F7DF1C&color=%23FFCE5A)
![Firebase](https://img.shields.io/badge/-Firebase-FF8E00?style=flat-square&logo=firebase)



![React](https://img.shields.io/badge/-React-61DAFB?style=flat-square&logo=react&logoColor=ffffff)
![React Router Dom](https://img.shields.io/badge/-React%20Router%20Dom-61DAFB?style=flat-square&logo=reactrouter)
![Chart.js](https://img.shields.io/badge/-Chart.js-61DAFB?style=flat-square&logo=Chart.js)
![Axios.js](https://img.shields.io/badge/-Axios.js-61DAFB?style=flat-square&logo=react&logoColor=ffffff)
![Material UI](https://img.shields.io/badge/-Material%20UI-61DAFB?style=flat-square&logo=mui)

## [Website](https://xjqx.github.io/crypto-tracker/)

crypto-tracker gif

## Tech Stack
- `React` to build front end
- `React Router Dom` to implement dynamic routing in a web app
- `Material UI` to design beautiful user interface
- `Chart.js` for data visualization
- `Axios` to handle backend coingecko api
- `Firebase` for backend database

## What can be done
- `Sign Up` for account
- `Log In`
- `Google Authentication`
- `User Sidebar`
- Add / Remove coin from `Watchlist`

- `See` current cryptocurrency price
- Switch between `SGD` and `USD`
- `Search` for specific cryptocurrency
- Switch between `different pages`

- `Graph` tracking price over time