Crypto Investment App

This project was created as a demonstration of my skills

Technologies   |    Project   |    Execution   |    Demo      

🚀 Technologies

This project was developed using the following technologies and standards:

• Expo
• React Native
• Typescript
• Zustand
• React Reanimated 2x
• React Native Animatable
• Websockets
• React Native Wagmi Charts

💻 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:

2 - Now you need to run the frontend

cd frontend && yarn && yarn start

you will see something similar to this:

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

---