GithubHelp home page GithubHelp logo

scientist1642 / crafty Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 1.0 817 KB

JavaScript 46.86% Ruby 1.56% Starlark 0.76% Java 19.55% Makefile 1.89% C++ 8.75% Shell 0.61% Objective-C 2.99% Objective-C++ 5.58% CSS 6.78% HTML 4.68%

crafty's Introduction

General

Video demo

The app is scaffolded using create Create React Native App and can be run by the command npx react-native run-ios/android

Notes

There are some things to spend more time on:

  • Proper testing and some edge cases
  • cleanup: remove some unused imports (maybe use a plugin)
  • It seems that messari has a bug and occesionally can return the same asset in different pages.
  • Better error handling and custom error messages: currently almost all error messages are logged directly for debugging purposes.
  • Asset price history comes from messari api's Binance market, it's $currency-USDT pair since I couldn't find $currency-usd pairs at the time and did't spend more time on it.

Optimizations

Optimizations haven't been applied yet. We can if we want though:

  • Use React.memo and usecallback
  • Replace flatlist with Bidirectional infinite scroll
  • Use a hashset instead of a list to keep favorite asset ids

Used Libraries

Since the scope of the app is rather limited, we could get away without using some of those libraries listed. But they are quite useful in larger apps, and it was worth to refresh the installation process.

  • react-native-vector-icons
  • react-navigation
  • react-native-charts-wrapper tried coinjar/react-native-wagmi-charts and considered victory but charts-wrapper seems to be faster and functional for our purposes.

Screenshots

1


2


3

crafty's People

Contributors

scientist1642 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.