Binance lite UI clone using react native Expo with Tailwind CSS. Also incorporates dark mode.
Light theme | Dark Theme |
---|---|
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
- React-Native(https://reactnative.dev/)
- Expo(https://docs.expo.dev/)
- React-Navigation(https://reactnavigation.org/blog/2020/02/06/react-navigation-5.0/)
- Redux(https://react-redux.js.org/)
- Redux-Thunk(https://github.com/reduxjs/redux-thunk)
- Axios(https://github.com/axios/axios)
- Tailwind-css(https://github.com/jaredh159/tailwind-react-native-classnames)
Install the below tools/packages
Serial No | Software | Version | Installation site |
---|---|---|---|
1 | Node.js | >= 14.16.1 | Install NodeJS |
2 | npm | >= 6.12.12 | Install NPM |
3 | react-native | >= 0.63.2 | Install react-native |
4 | expo cli | >= 4.7.3 | Install Expo |
- Clone the repo with
git clone [REPO_URL]
command - Switch to the project's root directory in terminal
- Install the dependencies by running
npm install
- Once, 'npm install' is completed, run
npm start
to start the expo and react-native server - If it shows a QR code on the terminal as a result of 'exp start' command, then you are good to go!
- Install 'Expo' application on your android/iOS device. You can find the links to Android and iOS apps here.
- Scan the QR code shown on the terminal.
- Once the QR code is successfully scanned, it will take few seconds to load and render the app.
src/
│
└───assets/
│ └───fonts/
│ └───images/
│
└───components/
│
└───constants/
│
└───hooks/
│
└───interfaces/
│
└───navigation/
│
└───screens/
│
└───store/
└───actions/
└───reducers/
└───types/