Crypto Tracker is a responsive web application that allows users to view information about different cryptocurrencies, including their current prices, news articles, and historical charts. The application is built using React and utilizes the Coinranking API and Bing News API to retrieve data. It is designed to be user-friendly and easy to navigate.
- React: A JavaScript library for building user interfaces
- Redux: A predictable state container for JavaScript apps
- Ant Design: A design system for enterprise-level products
- Chart.js: A JavaScript library for creating charts
- Millify: A library for formatting large numbers
- Moment: A library for working with dates and times
- Axios: A library for making HTTP requests
- React Router: A library for client-side routing
- React HTML Parser: A library for parsing HTML strings
⚡⚡⚡⚡⚡⚡⚡⚡⚡⚡⚡
⚡⚡⚡⚡⚡⚡⚡⚡⚡⚡⚡
-
Clone the repository
git clone https://github.com/yourusername/crypto-tracker.git -
Install dependencies
npm install -
Start the development server
npm startThe application will be running onhttp://localhost:3000
- View a list of cryptocurrencies and their current prices
- View historical charts for individual coins
- View news articles related to specific coins
The application uses the Coinranking API to retrieve information about the different cryptocurrencies and the Bing News API to retrieve news articles.
This tutorial video was used to develop this application.
- Redux: I have learned how to use a predictable state container for JavaScript apps, and how to manage the state of your application.
- Ant Design: I have learned how to use a design system for enterprise-level products, and how to create visually appealing and consistent user interfaces.
- Chart.js: I have learned how to create charts and visualize data in a meaningful way.
- Millify: I have learned how to format large numbers in a human-readable format.
- Moment: I have learned how to work with dates and times in JavaScript.
- Axios: I have learned how to make HTTP requests to retrieve data from APIs.
- React Router: I have learned how to handle client-side routing in a React application.
- React HTML Parser: I have learned how to parse HTML strings in a React application.
- API: I have learned how to retrieve data from different APIs and how to use them in your application.
It is important to note that the API keys used in this application are visible for demonstration purposes. While you can use them to check out the application, the number of requests is limited. Therefore, to fully experience the capabilities of the application, it is recommended that you register for your own API keys.