This project is a React Native mobile application that combines AR functionality with onboarding and authentication features. Users can explore their surroundings in augmented reality, log in securely, and manage their accounts.
- Onboarding: Introduce users to the app with a series of onboarding screens.
- Authentication: Allow users to log in securely with email and password.
- Forgot Password: Enable users to reset their password if forgotten.
- AR View: Display augmented reality information about nearby locations using the device camera and geolocation.
my-app/
├── App.js
├── package.json
├── babel.config.js
├── node_modules/
├── assets/
│ ├── images/
│ └── fonts/
├── src/
│ ├── components/
│ │ ├── OnboardingScreen.js
│ │ ├── LoginScreen.js
│ │ ├── ForgotPasswordScreen.js
│ │ ├── ResetPasswordScreen.js
│ │ └── ARScreen.js
│ ├── navigation/
│ │ └── AppNavigator.js
│ ├── services/
│ │ ├── clerk.js
│ │ └── location.js
│ ├── styles/
│ │ ├── onboardingStyles.js
│ │ ├── loginStyles.js
│ │ └── arStyles.js
│ └── utils/
│ ├── distance.js
│ └── bearing.js
└── .gitignore
- Clone the repository.
- Navigate to the project directory.
- Run
npm install
to install dependencies. - Run
npm start
to start the Metro Bundler.
- Customize onboarding screens, login UI, and AR components according to your app's requirements.
- Replace placeholder API keys with your actual keys for services like Clerk and Google Maps.
- Test the app on iOS and Android devices using simulators/emulators or real devices.
Contributions are welcome! Feel free to submit pull requests or open issues for bug fixes, features, or enhancements.
This project is licensed under the MIT License.