/ChatApp

Primary LanguageJavaScript

This project is about react-native.

Using this app, you can do the following

  • Change the chat's background color
  • User can insert the name on the initial page
  • Name will be displayed on top of the chat page
  • User will be able to share their location
  • User will be able to share images

Built with

  • React Native
  • Expo
  • Google Firebase
  • Gifted Chat

User Stories

  • As a new user, I want to be able to easily enter a chat room so I can quickly start talking to my friends and family.
  • As a user, I want to be able to send messages to my friends and family members to exchange the latest news.
  • As a user, I want to send images to my friends to show them what I’m currently doing.
  • As a user, I want to share my location with my friends to show them where I am.
  • As a user, I want to be able to read my messages offline so I can reread conversations at any time.
  • As a user with a visual impairment, I want to use a chat app that is compatible with a screen reader so that I can engage with a chat interface.

How to use this Chat App

  • Node.js & npm
  • React Native
  • Expo / Expo Go
  • Firebase

Optional

  • Android Studio (Android only)
  • Xcode (IOS only)
  • Install Dependencies
  • Download this repo.
  • In your CLI, navigate to the root directory of the project.
  • Run npm install to install all the dependencies.
  • Firebase Setup
  • Please refer to the Firebase Docs.

Run the App

To launch the local server, run expo start or npm start in your terminal.
Expo will start the app and development tools will be available in a browser window. Scan the QR code provided in the terminal with the Expo Go app to launch the project on your physical device.
Alternatively, you can open the project on an emulator/simulator (with Android Studio / Xcode) using the development tools in the browser.