https://github.com/krishnanand2517/react-native-wallet-ui
A mobile app showcasing UI for a wallet app
https://github.com/krishnanand2517/react-native-wallet-ui
android android-application javascript mobile-app react-native typescript
Last synced: 3 months ago
JSON representation
A mobile app showcasing UI for a wallet app
- Host: GitHub
- URL: https://github.com/krishnanand2517/react-native-wallet-ui
- Owner: Krishnanand2517
- Created: 2024-04-08T19:29:01.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-04-10T20:05:06.000Z (over 2 years ago)
- Last Synced: 2025-10-24T22:29:11.087Z (9 months ago)
- Topics: android, android-application, javascript, mobile-app, react-native, typescript
- Language: TypeScript
- Homepage:
- Size: 7.32 MB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Wallet App UI
A mobile app showcasing UI for a wallet app.
[Download the app here.](https://github.com/Krishnanand2517/react-native-wallet-ui/releases/tag/v1.0)
## Screenshots
|||||
|:-------------------------:|:----------------------------:|:----------------------------:|:----------------------------:|
|  |  |  |  |
## Technologies Used
- React Native (0.73.4) with TypeScript
- React Navigation (Stack Navigator)
- Bottom Sheet
## Run the project locally
> **Note**: Make sure you have already [setup the React Native Environment on your machine](https://reactnative.dev/docs/environment-setup), before proceeding.
### Step 1: Start the Metro Server
First, you will need to start **Metro**, the JavaScript _bundler_ that ships _with_ React Native.
To start Metro, run the following command from the _root_ of your React Native project:
```bash
# using npm
npm start
# OR using Yarn
yarn start
```
### Step 2: Start your Application
Let Metro Bundler run in its _own_ terminal. Open a _new_ terminal from the _root_ of your React Native project. Run the following command to start your _Android_ or _iOS_ app:
#### For Android
```bash
# using npm
npm run android
# OR using Yarn
yarn android
```
#### For iOS
```bash
# using npm
npm run ios
# OR using Yarn
yarn ios
```
If everything is set up _correctly_, you should see your new app running in your _Android Emulator_ or _iOS Simulator_ shortly provided you have set up your emulator/simulator correctly.
This is one way to run your app — you can also run it directly from within Android Studio and Xcode respectively.
### Step 3: Modifying your App
Now that you have successfully run the app, let's modify it.
1. Open `App.tsx` in your text editor of choice and edit some lines.
2. For **Android**: Press the R key twice or select **"Reload"** from the **Developer Menu** (Ctrl + M (on Window and Linux) or Cmd ⌘ + M (on macOS)) to see your changes!
For **iOS**: Hit Cmd ⌘ + R in your iOS Simulator to reload the app and see your changes!
### Happy Coding!