Deploy: Link
Install all dependencies.
Run the app in the development mode.
Keep track of all changes.
- SPA for tracking cryptocurrencies and building your own portfolio. Technologies: React, Redux, TS/ Styles should be written independently, without the use of third-party libraries (Bootstrap, Material UI, etc.) using styled-components.
- API: Coincap
- Main: The main page displays a list (table) of cryptocurrencies with basic information on them and with controls for adding to the portfolio (for example, "+".). Implement pagination.
- When you click on a table element, a page opens with detailed information on the currency, with a control for adding to the portfolio, as well as its history in the form of a graph (either can be used to visualize data).
- By clicking on the "+", a modal window opens where you can enter the amount (including fractional) of the cryptocurrency. After the submission, the cryptocurrency is added to the portfolio in the specified amount.
- Implement routing. The browser's back button should work correctly.
- Header: Cost of 3 popular cryptocurrencies in a row. The value of the user's portfolio and the difference with the initial value of the portfolio, in parentheses, the percentage difference. Example: $134.32 +2.38 (1.80%). When updating a portfolio, we store information about the value of the added currency at the time of the update. The next time we start (reload) the application, we get the current values of the currencies and can update the difference.
- When you click on the portfolio information, a modal window opens with a list of currencies in the portfolio and the ability to remove each of them from the portfolio.
- The portfolio must be page reload resistant (localStorage).
- The design should be simple, clear and functional. Mobile devices and tablets are supported.