Cryptocurrency app show the currencies list with it's status, market and exchanges also latest news and articles,Cryptocurrency power with react with redux as state management using the power or ant-design as UI library also use tailwindcss as css utils, replace react-icon with ant-icon, support PWA and ready to install as PWA app.
for live demo
| Route | page |
|---|---|
/ |
Homepage |
* |
404 Page |
/currencies |
Currencies |
/news |
News |
/exchange/:coinId |
Exchange |
/market/:coinId |
Market |
/crypto/:coinId |
Crypto Details |
/reference-currencies |
Reference Currencies |
- Written in TypeScript with predictable static types.
- Refactor Redux to use Redux Toolkit Query -> you've already learned how that works 👍
- Use Ant Design properly - tailwindcss, there should be minimal need for any custom CSS.
- Replace the react-icons package and instead use @ant-design/icons
- Fully responsive with Modern Design
- Designed with progressive enhancement in mind.
- Using types into single file
react-app.env.d.ts - Empower page title adn description with
react-helmet - Using redux as state management
- Format numbers with
millify - Format dates with
dayjs
@ant-design/icons@reduxjs/toolkitantdaxioschart.jsdayjsmillifyreact-helmetreact-router-domreact-reduxreacttailwindcsstypescript
git clone https://github.com/Mohammed-Taysser/cryptoverse.gitInside cryptoverse Directory Install Dependencies By
npm installStart The Development Server
npm start- Fork it!
- Create your feature branch:
git checkout -b feature-name - Commit your changes:
git commit -am 'Some commit message' - Push to the branch:
git push origin feature-name - Submit a pull request 😉
MIT © Mohammed Taysser
- https://github.com/adrianhajdin/project_cryptoverse
- https://www.youtube.com/watch?v=9DDX3US3kss&t=4s
- https://rapidapi.com/Coinranking/api/coinranking1
- https://rapidapi.com/microsoft-azure-org-microsoft-cognitive-services/api/bing-news-search1
- https://gist.github.com/adrianhajdin/1008c664fe7896b316f5efbff8d97935
- Coin-details page : get news depend on the coin (request depend on response)