/nfi-assessment

Primary LanguageJavaScript

CryptoTracker

NFI Mobile App Assessment

Description

Source: https://nonfungibleitem.notion.site/Mobile-App-Assessment-e6dd8e01abb947df89a050ed534e58fd

image

image

Demo

demo.mp4

Implementation details

State

  • The app has 2 main state; tickers: string[] and real:Crypto[], both are arrays.
  • tickers is used to store list of asset that the user wants to watch.
  • real is the filtered data from API

Process overview

  • On first load, API request (/assets) will be made to get the list of all the crypto's data.
  • Then it will be filtered based on the tickers array, to only show the relevant assets to the user.
  • The filtered data is stored in real array.
  • New symbol will be added to the tickers array when user Add Cryptocurrency

Improvements

  • Allow users to choose from a list of cryptos instead of relying on text input
  • Overall UI/UX can be improved

Built with

  • React Native Expo
  • Redux Toolkit (State management)
  • React Navigation (Screen management)
  • Axios (Make network request)