文件列表:

.env.example (168, 2022-02-08)
package-lock.json (1159440, 2022-02-08)
package.json (1540, 2022-02-08)
public (0, 2022-02-08)
public\favicon.ico (3870, 2022-02-08)
public\index.html (1675, 2022-02-08)
public\logo192.png (5347, 2022-02-08)
public\logo512.png (9664, 2022-02-08)
public\manifest.json (492, 2022-02-08)
public\robots.txt (67, 2022-02-08)
screenshots (0, 2022-02-08)
screenshots\coinDetail.png (224760, 2022-02-08)
screenshots\coins.png (288076, 2022-02-08)
screenshots\exchanges.png (277052, 2022-02-08)
screenshots\home.png (239124, 2022-02-08)
screenshots\news.png (892763, 2022-02-08)
src (0, 2022-02-08)
src\App.css (0, 2022-02-08)
src\App.test.tsx (273, 2022-02-08)
src\App.tsx (761, 2022-02-08)
src\components (0, 2022-02-08)
src\components\Coin.tsx (2903, 2022-02-08)
src\components\CoinDetailSkeleton.tsx (1383, 2022-02-08)
src\components\CoinSkeleton.tsx (1221, 2022-02-08)
src\components\CoinsList.tsx (446, 2022-02-08)
src\components\CoinsListSkeleton.tsx (368, 2022-02-08)
src\components\Exchange.tsx (2495, 2022-02-08)
src\components\ExchangesList.tsx (437, 2022-02-08)
src\components\ExchangesListSkeleton.tsx (388, 2022-02-08)
src\components\ExchnageSkeleton.tsx (1062, 2022-02-08)
src\components\New.tsx (1672, 2022-02-08)
src\components\NewSkeleton.tsx (907, 2022-02-08)
src\components\NewsList.tsx (370, 2022-02-08)
src\components\NewsListSkeleton.tsx (362, 2022-02-08)
src\index.css (50, 2022-02-08)
src\index.tsx (861, 2022-02-08)
src\logo.svg (2632, 2022-02-08)
... ...

Table of Contents

1. About The Project
   • Screenshots
   • Built With
2. Getting Started
   • Prerequisites
   • Installation

## About The Project [![Home Screen Shot][home-screenshot]](https://github.com/Ghassen-Ben-Othmen/cryptowatch) CryptoWatch is one of my just-for-fun projects. The application allows you to follow the currently available Cryptos in the market and gives you some insights about the actual prices and stats of Cryptos. In addition, Cryptowatch gives you the possibility to search news and updates about coins. Grouping all these features in one single place gives you the ability to reduce the amount of time passed searching for Cryptos.

(back to top)

### Screenshots ![Coins Screen Shot][coins-screenshot] ![Coin Detail Screen Shot][coinDetail-screenshot] ![Exchanges Name Screen Shot][exchanges-screenshot] ![News Name Screen Shot][news-screenshot]

(back to top)

### Built With In order to transform the idea into a real functional product, the list bellow of technologies & tools were used: * [RapidAPI](https://rapidapi.com/hub) * [React.js](https://reactjs.org/) * [Material-UI](https://mui.com/) * [Redux toolkit](https://redux-toolkit.js.org/) * [React-Redux](https://react-redux.js.org/) * [React-chartjs-2](https://github.com/reactchartjs/react-chartjs-2) * [Chart.js](https://www.chartjs.org/) * [React-infinite-scroll-component](https://github.com/ankeetmaini/react-infinite-scroll-component) * [React-sparklines](https://github.com/borisyankov/react-sparklines) * [Rxjs](https://rxjs.dev/)

(back to top)

## Getting Started To get a local copy up and running follow these steps. ### Prerequisites You need to have [Node.js](https://nodejs.org/) and npm to be installed in your local machine. Verify that by executing * node ```sh node -v ``` * npm ```sh npm -v ``` ### Installation In order to interact with real data the project uses some API endpoints from [RapidAPI](https://rapidapi.com/hub) and [https://www.coingecko.com/en/api](https://www.coingecko.com/en/api) 1. Get API Keys at: * [https://rapidapi.com/Coinranking/api/coinranking1/](https://rapidapi.com/Coinranking/api/coinranking1/) * [https://rapidapi.com/newscatcher-api-newscatcher-api-default/api/free-news/](https://rapidapi.com/newscatcher-api-newscatcher-api-default/api/free-news/) 2. Clone the repo ```sh git clone https://github.com/Ghassen-Ben-Othmen/cryptowatch ``` 3. Add `.env` file: ```sh REACT_APP_RAPID_API_COINRANKING_HOST= REACT_APP_RAPID_API_COINRANKING_KEY= REACT_APP_RAPID_API_FREENEWS_HOST= REACT_APP_RAPID_API_FREENEWS_KEY= GENERATE_SOURCEMAP=false ``` 3. Install NPM packages ```sh npm install ``` 4. Start the project ```sh npm start ```

(back to top)

[home-screenshot]: screenshots/home.png [coinDetail-screenshot]: screenshots/coinDetail.png [coins-screenshot]: screenshots/coins.png [exchanges-screenshot]: screenshots/exchanges.png [news-screenshot]: screenshots/news.png

近期下载者：

相关文件：

评论：[我要评论] [举报此文件]

收藏者：