This project it's all about mobile and navigation between screens!
I will create a chat app, where you can:
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; Users will be able to share their location; Users 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.