React Native VChat App With Backend

React Native VChat App With Backend 1.0.0

VChat is a well structured, fully customizable, responsive iOS and Android UI with backend integration built using React Native, NativeBase, Redux specifically for an ideal messaging app to help you quickly get started on your next project.

This offers Mobile app along with API server built using Socket.io, Node with MongoDB.

Note: This product is a pure React Native Application.


Development Environment

Create a captivating UX for your app's users

Fully customizable, ready-to-use screens with all necessary components.

  • ● Spalsh
  • ● Mobile Login
  • ● Otp Verification
  • ● SignUp
  • ● Home
  • ● Chat
  • ● Contacts
  • ● Profile
  • ● Settings
  • ● Add Location
  • ● Upload Image
  • ● Localization
  • ● Update Bio
  • ● Refresh
  • ● Logout

React Native VChat App With Backend
React Native VChat App With Backend

VChat Features

  • Mobile Login/Signup
  • OTP Verification
  • Fetch User Saved Contact
  • End to End Chat
  • Send Current Location
  • Send Image
  • Received Message Count
  • View User's Chat List Profile
  • Upload Profile Pic
  • Update Status
  • Localization
  • Change Chat Screen Wallpaper
  • Push Notification
  • Settings
  • Refresh Contact

Technologies Used For Mobile App

  • React Native
  • NativeBase
  • React Navigation
  • Redux
  • Redux-Persist
  • Redux-Thunk
  • Socket.io.client
  • React native contacts
  • React Native Sentry
  • React Native Firebase
  • React Native Gifted Chat

Technologies Used For API

  • NodeJS
  • MongoDB
  • Cloudinary
  • ExpressJS
  • Socket.io
  • FCM Node
  • Mongoose(for mongodb)
  • Passport JS

React Native VChat App With Backend

React Native VChat App With Backend

Package

MessagingBackendApp

  • ● firebase: ^5.5.7
  • ● lodash: ^4.17.11
  • ● moment: ^2.22.2
  • native-base: 2.10.0
  • ● react: 16.8.3
  • react-native: 0.59.9
  • ● react-native-confirmation-code-input: ^1.0.4
  • ● react-native-contacts: 5.0.4
  • ● react-native-debugger: ^1.1.0
  • ● react-native-elements: ^1.1.0
  • ● react-native-firebase: ^5.5.6
  • ● react-native-fs: ^2.15.2
  • ● react-native-gesture-handler: 1.3.0
  • ● react-native-gifted-chat: ^0.9.11
  • ● react-native-image-picker: ^0.27.1
  • ● react-native-image-resizer: ^1.0.1
  • ● react-native-keyboard-aware-scroll-view: ^0.8.0
  • ● react-native-localization: ^2.1.2
  • ● react-native-maps: ^0.24.2
  • ● react-native-modal: ^10.0.0
  • ● react-native-phone-input: ^0.2.4
  • ● react-native-sentry: ^0.43.2
  • ● react-native-splash-screen: ^3.2.0
  • ● react-native-vector-icons: ^6.0.0
  • ● react-navigation: ^3.11.0
  • ● react-redux: ^5.0.7
  • ● react-timer-mixin: ^0.13.4
  • redux: ^4.0.0
  • ● redux-logger: ^3.0.6
  • ● redux-persist: ^5.10.0
  • ● redux-thunk: ^2.3.0
  • ● remote-redux-devtools: ^0.5.13
  • ● shorthash: 0.0.2
  • ● socket.io-client: ^2.3.0
  • ● uuid: ^3.3.2
  • ● whatwg-fetch: ^3.0.0
  • ● babel-eslint: ^10.0.1
  • ● babel-jest: 23.6.0
  • ● babel-preset-react-native: 4.0.1
  • eslint: ^5.6.1
  • ● eslint-config-airbnb: 17.1.0
  • ● eslint-config-prettier: ^3.1.0
  • ● eslint-plugin-eslint-comments: ^3.0.1
  • ● eslint-plugin-import: ^2.14.0
  • ● eslint-plugin-json: ^1.2.1
  • ● eslint-plugin-jsx-a11y: ^6.1.1
  • ● eslint-plugin-prettier: ^3.0.0
  • ● eslint-plugin-react: ^7.11.1
  • ● eslint-plugin-react-native: ^3.3.0
  • ● jest: 23.6.0
  • ● jest-react-native: 18.0.0
  • ● jetifier: ^1.6.4
  • ● metro-react-native-babel-preset: 0.54.1
  • ● react-devtools: ^3.4.1
  • ● react-test-renderer: 16.8.6
  • ● schedule: ^0.4.0

BROUGHT TO YOU BY

Start building your app today!

Get Started