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/toolkit
antd
axios
chart.js
dayjs
millify
react-helmet
react-router-dom
react-redux
react
tailwindcss
typescript
git clone https://github.com/Mohammed-Taysser/cryptoverse.git
Inside cryptoverse Directory Install Dependencies By
npm install
Start 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)