Skip to content

Remato/crypto-trader-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Crypto Investment App

This project was created as a demonstration of my skills


Technologies   |    Project   |    Execution   |    Demo      


Registration Form

🚀 Technologies

This project was developed using the following technologies and standards:

💻 Project

this project was inspired by the layout of the Nomad Global app Nomad and by Binance Exchange Binance

💬 Explanation

This application has been divided into 2 folders backend and frontend

  • Backend

    • It is a simple Node.js server that calls the Binance public API and serves on a local address on port 3001.
  • Frontend

    • It is a React Native application built using the Expo SDK 50, consumes the backend API and has connections to Binance Websockets to update the charts in real time

🏆 Challenges

Perhaps the hardest part was making the Binance API available online so that the Android installation file could be made available.

  • Binance API cannot run on US clients, servers generally default to North American servers

  • I needed to change the server region to Asia so that there would be no problem with the API

⚙️ Execution

1 - Install dependencies and run the backend.

cd backend && yarn && node src/server.js

you will see something similar to this: Registration Form

2 - Now you need to run the frontend

cd frontend && yarn && yarn start

you will see something similar to this:

Registration Form

3 - You can simulate on your own iOS or Android device by installing Expo Go on your device

Google Play or Play Store

[Optional]

If you have a simulator on your macbook or notebook you can simply press "a" to simulate Android or press "i" to simulate iOS

🖥 Demo

You can see a previews here

Splash.+.Loading.+.Home.mov
Real.time.update.via.websockets.+.Smooth.Animation.mov
Navigation.+.No.unnecessary.rendering.mov
AD.cards.+.Educative.cards.mov
Real.time.market.+.chart.animation.mov