|
1 | | -This is a new [**React Native**](https://reactnative.dev) project, bootstrapped using [`@react-native-community/cli`](https://github.com/react-native-community/cli). |
| 1 | +# DevCard Mobile |
2 | 2 |
|
3 | | -# Getting Started |
| 3 | +The mobile application for DevCard, built with bare **React Native** and **React Navigation**. |
4 | 4 |
|
5 | | -> **Note**: Make sure you have completed the [Set Up Your Environment](https://reactnative.dev/docs/set-up-your-environment) guide before proceeding. |
| 5 | +This app provides: |
| 6 | +- Profile and context card management |
| 7 | +- Per-Platform OAuth Connections for silent API follows |
| 8 | +- Advanced analytics for tracking profile views |
| 9 | +- The Hybrid Follow Engine (API, WebView, Link) |
6 | 10 |
|
7 | | -## Step 1: Start Metro |
| 11 | +## Getting Started |
8 | 12 |
|
9 | | -First, you will need to run **Metro**, the JavaScript build tool for React Native. |
| 13 | +> **Note**: Make sure you have completed the [React Native Environment Setup](https://reactnative.dev/docs/environment-setup) guide before proceeding. |
10 | 14 |
|
11 | | -To start the Metro dev server, run the following command from the root of your React Native project: |
| 15 | +### Install Dependencies |
12 | 16 |
|
13 | | -```sh |
14 | | -# Using npm |
15 | | -npm start |
16 | | - |
17 | | -# OR using Yarn |
18 | | -yarn start |
| 17 | +```bash |
| 18 | +pnpm install |
19 | 19 | ``` |
20 | 20 |
|
21 | | -## Step 2: Build and run your app |
22 | | - |
23 | | -With Metro running, open a new terminal window/pane from the root of your React Native project, and use one of the following commands to build and run your Android or iOS app: |
24 | | - |
25 | | -### Android |
| 21 | +### Start Metro Bundler |
26 | 22 |
|
27 | | -```sh |
28 | | -# Using npm |
29 | | -npm run android |
| 23 | +First, start Metro, the JavaScript bundler: |
30 | 24 |
|
31 | | -# OR using Yarn |
32 | | -yarn android |
| 25 | +```bash |
| 26 | +pnpm start |
33 | 27 | ``` |
34 | 28 |
|
35 | | -### iOS |
| 29 | +### Run on Android |
36 | 30 |
|
37 | | -For iOS, remember to install CocoaPods dependencies (this only needs to be run on first clone or after updating native deps). |
| 31 | +In a new terminal: |
38 | 32 |
|
39 | | -The first time you create a new project, run the Ruby bundler to install CocoaPods itself: |
40 | | - |
41 | | -```sh |
42 | | -bundle install |
| 33 | +```bash |
| 34 | +pnpm android |
43 | 35 | ``` |
44 | 36 |
|
45 | | -Then, and every time you update your native dependencies, run: |
46 | | - |
47 | | -```sh |
48 | | -bundle exec pod install |
49 | | -``` |
| 37 | +### Run on iOS |
50 | 38 |
|
51 | | -For more information, please visit [CocoaPods Getting Started guide](https://guides.cocoapods.org/using/getting-started.html). |
| 39 | +For iOS, you must install CocoaPods dependencies first (Mac only): |
52 | 40 |
|
53 | | -```sh |
54 | | -# Using npm |
55 | | -npm run ios |
56 | | - |
57 | | -# OR using Yarn |
58 | | -yarn ios |
| 41 | +```bash |
| 42 | +cd ios && pod install && cd .. |
| 43 | +pnpm ios |
59 | 44 | ``` |
60 | 45 |
|
61 | | -If everything is set up correctly, you should see your new app running in the Android Emulator, iOS Simulator, or your connected device. |
62 | | - |
63 | | -This is one way to run your app — you can also build it directly from Android Studio or Xcode. |
64 | | - |
65 | | -## Step 3: Modify your app |
66 | | - |
67 | | -Now that you have successfully run the app, let's make changes! |
68 | | - |
69 | | -Open `App.tsx` in your text editor of choice and make some changes. When you save, your app will automatically update and reflect these changes — this is powered by [Fast Refresh](https://reactnative.dev/docs/fast-refresh). |
70 | | - |
71 | | -When you want to forcefully reload, for example to reset the state of your app, you can perform a full reload: |
72 | | - |
73 | | -- **Android**: Press the <kbd>R</kbd> key twice or select **"Reload"** from the **Dev Menu**, accessed via <kbd>Ctrl</kbd> + <kbd>M</kbd> (Windows/Linux) or <kbd>Cmd ⌘</kbd> + <kbd>M</kbd> (macOS). |
74 | | -- **iOS**: Press <kbd>R</kbd> in iOS Simulator. |
75 | | - |
76 | | -## Congratulations! :tada: |
77 | | - |
78 | | -You've successfully run and modified your React Native App. :partying_face: |
79 | | - |
80 | | -### Now what? |
81 | | - |
82 | | -- If you want to add this new React Native code to an existing application, check out the [Integration guide](https://reactnative.dev/docs/integration-with-existing-apps). |
83 | | -- If you're curious to learn more about React Native, check out the [docs](https://reactnative.dev/docs/getting-started). |
84 | | - |
85 | | -# Troubleshooting |
86 | | - |
87 | | -If you're having issues getting the above steps to work, see the [Troubleshooting](https://reactnative.dev/docs/troubleshooting) page. |
88 | | - |
89 | | -# Learn More |
90 | | - |
91 | | -To learn more about React Native, take a look at the following resources: |
| 46 | +## Architecture |
92 | 47 |
|
93 | | -- [React Native Website](https://reactnative.dev) - learn more about React Native. |
94 | | -- [Getting Started](https://reactnative.dev/docs/environment-setup) - an **overview** of React Native and how setup your environment. |
95 | | -- [Learn the Basics](https://reactnative.dev/docs/getting-started) - a **guided tour** of the React Native **basics**. |
96 | | -- [Blog](https://reactnative.dev/blog) - read the latest official React Native **Blog** posts. |
97 | | -- [`@facebook/react-native`](https://github.com/facebook/react-native) - the Open Source; GitHub **repository** for React Native. |
| 48 | +- **Screens**: Located in `src/screens` |
| 49 | +- **Navigation**: Managed via `src/navigation/MainTabs.tsx` |
| 50 | +- **Context API**: Handles global authentication and token management |
| 51 | +- **Theme**: Tokens are strictly defined in `src/theme/tokens.ts` |
0 commit comments