- Install packages with
yarn
ornpm install
.- If you have native iOS code run
npx pod-install
- If you have native iOS code run
- Run
yarn start
to start the bundler. - Open the project in a React runtime to try it:
- iOS: Client iOS
- Android: Client Android
- Web: Any web browser
This project can be run from a web browser or the Expo client app. You may find that you want to add more native code later on. You can do this by ejecting the project and rebuilding it yourself.
- Run
yarn eject
to create the native projects. - You can still run your project in the web browser or Expo client, you just won't be able to access any new native modules you add.
- Deploy the native app to the App store and Play store using this guide: Deployment.
- Deploy the website using this guide: Web deployment.
- Authentication handled with firebase auth
- Forms handled with formik
- Upload Custom Profile Photo
npm start
or
open -a Simulator && expo start
- tailwind-react-native-classnames
- Icons from Icons8
- Formik for front-end validation
- Firebase storage (same as web app)
- Nativebase components
- react-native-css-transformer, which transforms CSS into a React Native-compatible style object and handles live reloading
- babel-plugin-react-native-platform-specific-extensions, which transforms ES6 import statements into platform-specific require statements if the platform specific files exist on disk.
- babel-plugin-react-native-classname-to-style, which transforms the className property into a style property
- Instead of prop drilling navigation, use react-navigation-hooks
- Currently assigns each user that signs up a random profilePicture from randomUser.me