An Open Source Chat Application Built-In React Native & Firebase for Android & iOS.
- React Native (Expo)
- Google Firestore
- UI Kitten (UI Framework)
- React Native Gifted Chat (Chat Rendering)
- Welcome/SplashScreen
- Login Screen
- Sign Up Screen
- Recent Chats Screen
- Search Screen
- Chat Screen
- Create Group Screen
- Groups Screen
- Group Screen
- Create a new project in firebase
- Create firestore database
- Replace database security rules with content in file located at
Firestore Rules
>social-links.rules
and publish - Add a composite index with the values below
-
git clone https://github.com/iNerdStack/Social-Links.git
-
cd Social-Links
-
Rename
src
>firebaseSvc.example.js
tofirebaseSvc.js
-
Open file and replace
firebaseConfig
information with your web app's Firebase configuration -
run
npm install
-
npm start
Note: Delete apk & firestore rules folders in project before building app
- Change app name and package name IN
app.json
- Replace icons in
assets
folder
- Generate your theme color at Eva Design System and export data as JSON
- Rename the JSON downloaded from
custom-theme.json
totheme.json
- Replace
theme
>theme.json
with the JSON file you generated
- Copy new fonts into
assets
>fonts
- Locate the code block below in
App.js
and replace fonts file names with your new font names
const getFonts = () =>
Font.loadAsync({
PoppinsRegular: require("./assets/fonts/Poppins-Regular.ttf"),
PoppinsBold: require("./assets/fonts/Poppins-Bold.ttf"),
PoppinsLight: require("./assets/fonts/Poppins-Light.ttf"),
PoppinsMedium: require("./assets/fonts/Poppins-Medium.ttf"),
PoppinsSemiBold: require("./assets/fonts/Poppins-SemiBold.ttf"),
});
- Rename theme also in
theme
>mapping.json
A demo appication is available in
apk
folder, download and install to try app demo
- MIT
Feel free to reach out and also ask questions on Twitter @Nerd_Stack!