Erics1337 / socialbrain-app

Native mobile application replicating The Social Brain Network's feel and functionality

Social Brain Network Universal React Project

🚀 How to use

• Install packages with yarn or npm install.
  • If you have native iOS code run npx pod-install
• 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

Adding Native Code

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.

Publishing

• Deploy the native app to the App store and Play store using this guide: Deployment.
• Deploy the website using this guide: Web deployment.

Features

• Authentication handled with firebase auth
• Forms handled with formik

Feature Wish-list

• Upload Custom Profile Photo

Getting Started

npm start

or

open -a Simulator && expo start

Uses

• 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

ToDo

• Instead of prop drilling navigation, use react-navigation-hooks

📝 Notes

• Currently assigns each user that signs up a random profilePicture from randomUser.me