Git Product home page Git Product logo

rn-rocketchat's Introduction

Rocket Chat React-Native Mobile App 4

Rocket.Chat React Native Mobile App

"How to save a life?" - Rocket.Chat

OverviewRoadmapInstallTech StackTestVersion

1      2      3

4      5      6

😊 Overview?

Feature Status
Jitsi Integration
Federation (Directory)
Threads
Record Audio
Record Video
Commands
Draft message per room
Share Extension
Notifications Preferences
Edited status
Upload video
Grouped messages
Mark room as read
Mark room as unread
Tablet Support
Read receipt
Broadbast Channel
Authentication via SAML
Authentication via CAS
Custom Fields on Signup
Report message
Theming
Settings -> Review the App
Settings -> Default Browser
Admin panel
Reply message from notification
Unread counter banner on message list
E2E
Join a Protected Room
Optional Analytics
Settings -> About us
Settings -> Contact us
Settings -> Update App Icon
Settings -> Share
Accessibility (Medium)
Accessibility (Advanced)
Authentication via Meteor
Authentication via Wordpress
Authentication via Custom OAuth
Add user to the room
Send message
Authentication via Email
Authentication via Username
Authentication via LDAP
Message format: Markdown
Message format: System messages (Welcome, Message removed...)
Message format: links
Message format: images
Message format: replies
Message format: alias with custom message (title & text)
Messages list: day separation
Messages list: load more on scroll
Messages list: receive new messages via subscription
Subscriptions list
Segmented subscriptions list: Favorites
Segmented subscriptions list: Unreads
Segmented subscriptions list: DMs
Segmented subscriptions list: Channels
Subscriptions list: update user status via subscription
Numbers os messages unread in the Subscriptions list
Status change
Upload image
Take picture & upload it
2FA
Signup
Autocomplete with usernames
Autocomplete with @all & @here
Autocomplete room/channel name
Upload audio
Forgot your password
Login screen: terms of service
Login screen: privacy policy
Authentication via Google
Authentication via Facebook
Authentication via Twitter
Authentication via GitHub
Authentication via GitLab
Authentication via LinkedIn
Create channel
Search Local
Search in the API
Settings -> License
Settings -> App version
Autocomplete emoji
Upload file (documents, PDFs, spreadsheets, zip files, etc)
Copy message
Pin message
Unpin message
Channel Info screen -> Members
Channel Info screen -> Pinned
Channel Info screen -> Starred
Channel Info screen -> Uploads
Star message
Unstar message
Channel Info screen -> Topic
Channel Info screen -> Description
Star a channel
Message format: videos
Message format: audios
Edit message
Delete a message
Reply message
Quote message
Muted state
Offline reading
Offline writing
Edit profile
Reactions
Custom emojis
Accessibility (Basic)
Tap notification, go to the channel
Deep links: Authentication
Deep links: Rooms
Full name setting
Read only rooms
Typing status
Create channel/group
Disable registration setting
Unread red line indicator on message list
Search Messages in Channel
Mentions List
Attachment List
Join a Room

💫 Roadmap

  • Make it work on IOS
  • Make it work on Android
  • Make it work on Expo
  • Transform into responsive
  • Update to latest React Native version

🔧 Install instructions

Getting Started

1) Clone & Install Dependencies

  • 1.1) git clone https://github.com/funnyjerry/react-native-websocket-chat-app.git
  • 1.2) cd react-native-websocket-chat-app - cd into your newly created project directory.
  • 1.3) Install NPM packages with yarn install Note: NPM has issues with React Native so yarn is recommended over npm.
  • 1.4) [iOS] cd ios and run pod install - if you don't have CocoaPods you can follow these instructions to install it.
  • 1.5) [Android] If you haven't already generated a debug.keystore file you will need to complete this step from within the /android/app folder. Run keytool -genkey -v -keystore debug.keystore -storepass android -alias androiddebugkey -keypass android -keyalg RSA -keysize 2048 -validity 10000

2) Start your app

  • 2.1) [iOS] Build and run the iOS app, run react-native run-ios (to run on simulator) or react-native run-ios --device (to run on real device) from the root of your project. The first build will take some time.
  • 2.2) [Android] If you haven't already got an android device attached/emulator running then you'll need to get one running (make sure the emulator is with Google Play / APIs). When ready run react-native run-android from the root of your project.

Tech Stack

RN Facebook Notification Google

📱 Test

  • Test on Android
  • Test on iOS

👀 Version

  • React-Native 0.58.6
  • Expo

rn-rocketchat's People

Contributors

cocadev avatar

Stargazers

Efstathios Ntonas avatar UpDev avatar AWS DIAMOND avatar  avatar Cobra avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.