https://github.com/yeabtsega1/tradeit
A Web app which shows Trending Cryptos and Top 100 Coins Chart. It have features like User authentication, Adding/Deleting Coin from watchlist, Chart pattern of any particular coin.
https://github.com/yeabtsega1/tradeit
chartjs coingecko-api cryptocurrency firebase material-ui reactjs
Last synced: 8 months ago
JSON representation
A Web app which shows Trending Cryptos and Top 100 Coins Chart. It have features like User authentication, Adding/Deleting Coin from watchlist, Chart pattern of any particular coin.
- Host: GitHub
- URL: https://github.com/yeabtsega1/tradeit
- Owner: Yeabtsega1
- Created: 2024-06-08T11:04:34.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-06-14T08:15:20.000Z (about 2 years ago)
- Last Synced: 2024-12-27T08:08:59.010Z (over 1 year ago)
- Topics: chartjs, coingecko-api, cryptocurrency, firebase, material-ui, reactjs
- Language: JavaScript
- Homepage: https://t-r-a-d-e-it.netlify.app/
- Size: 4.25 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# TradeIT
## Description
- A Web app which shows Trending Cryptos and Top 100 Coins Chart. It have features like User authentication, Adding/Deleting Coin from wishlist, Chart pattern of any particular coin.
## Live Project
https://t-r-a-d-e-it.netlify.app/
## Built With
- [React JS](https://reactjs.org/)
- [Material UI](https://v4.mui.com/)
- [Coin-gecko API](https://www.coingecko.com/en/api)
- [Chart JS](https://reactchartjs.github.io/react-chartjs-2/#/)
- [Firebase](https://firebase.google.com/)
## Features
- User Authentication by Email/Google Accounts.
- Past Performance Display of any Crypto Coin.
- Watchlist Feature to add/del any coin for future reference.
- Powerful and Elegant UI interface of the Web App.
## Learnings From the Project
- Got Practical knowlege while Working with APIs
- More Knowledge about React.js and material UI
- Increase in skill of styling a page and making it responsive.
- Time Management and Resource Management.
## Screenshots
#### Homepage
#### Coinpage
#### Empty Watchlist
#### Added to WatchList
#### Login/Signup via Google, Gmail.
```
```
```
crypto
├─ .gitignore
├─ firebase.json
├─ package-lock.json
├─ package.json
├─ public
│ ├─ 1.jpeg
│ ├─ aaa.png
│ ├─ banner2.jpeg
│ ├─ fav.png
│ ├─ firebase-debug.log
│ ├─ index.html
│ ├─ logo192.png
│ ├─ logo512.png
│ ├─ manifest.json
│ └─ robots.txt
├─ README.md
├─ Screenshots
└─ src
├─ App.css
├─ App.js
├─ components
│ ├─ Alert.js
│ ├─ Authentication
│ │ ├─ AuthModal.js
│ │ ├─ Login.js
│ │ ├─ Signup.js
│ │ └─ UserSidebar.js
│ ├─ Banner
│ │ ├─ Banner.js
│ │ └─ Carousel.js
│ ├─ CoinInfo.js
│ ├─ CoinsTable.js
│ ├─ Header.js
│ └─ SelectButton.js
├─ config
│ ├─ api.js
│ ├─ data.js
│ └─ firebase.Config.js
├─ CryptoContext.js
├─ firebase.js
├─ index.css
├─ index.js
└─ Pages
├─ CoinPage.js
└─ Homepage.js
```