Recraft React native Chat App Boilerplate

This chat app is a boilerplate for any react native developer who wants to build a chat app. The goal of this boilerplate is to provide a fully functional chat app which can be reused with very little to no modification.

Note

You can also get the app on play store https://play.google.com/store/apps/details?id=com.reactnativechatappboilerplate

IOS Demo

Android Demo

Packages & Libraries used

  • React Native - A framework for building native apps with React.
  • React - A declarative, efficient, and flexible JavaScript library for building user interfaces.
  • React router native - Declarative routing for React.
  • moment - Parse, validate, manipulate, and display dates in javascript.
  • TypeScript - TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
  • React Vector Icons - Customizable Icons for React Native with support for NavBar/TabBar/ToolbarAndroid, image source and full styling.
  • Micro Validator - A minimalistic & extensible validation library for javascript.

Steps to Run the Project in Development Mode

Use the Below Commands to Clone the project and enter inside the Directory After that Install the Dependencies.

git clone git@github.com:recraftrelic/react-native-chat-app-boilerplate.git
cd react-native-chat-app-boilerplate
yarn install

IOS

We can directly run the app

npx react-native run-ios

Facing any error related to pods in ios

We need to install the pods

sudo gem install cocoapods
cd ios
pod install
cd ..
npx react-native run-ios

Android

We can directly run the app

npx react-native run-android

Note

Once you clone and if you want to change the name of the application you can follow this article https://medium.com/the-react-native-log/how-to-rename-a-react-native-app-dafd92161c35

Roadmap

  • Move all the lists to constants
  • Deploy to playstore
  • Implement internationalization
  • Improve documentation

Contributors

Sponsors

Recraft Relic Private Limited