📗 Table of Contents

📖 About the Project 🛠 Built With 🚀 Live Demo 💻 Getting Started 👥 Authors 🙏 Acknowledgements

📖 [React Native Mobile (Chat App)]

[React Native Mobile (Chat App)] a chat app for mobile devices build using React Native. The app provide users with a chat interface and options to share images and their location.

🛠 Built With

Tech Stack

• React Native

• Expo

• Google Firestore Database

• is written in React Native.

• the app is developed using Expo.

• chat conversations is stored in Google Firestore Database.

• the app authenticates users anonymously via Google Firebase authentication.

• chat conversations are stored locally.

• let users pick and send images from the phone’s image library.

• the app let users take pictures with the device’s camera app, and send them.

• the app stores images in Firebase Cloud Storage.

• the app is able to read the user’s location data.

• location data is sent via the chat in a map view.

• he chat interface and functionality is created using the Gifted Chat library.

• the app’s codebase must contain comments.

Key Features

• A page where users can enter their name and choose a background color for the chat screen before joining the chat.
• A page displaying the conversation, as well as an input field and send button.
• The chat provides users with two additional communication features: sending images and location data.
• Data gets stored online and offline.

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.

💻 Getting Started

To install packages: See package.json file.

To run the project, execute the following command: npm start

Run tests in ios simulator.

👥 Authors

👤 Andrea V.

GitHub: @andreawork-hub

🙏 Acknowledgments

I would like to thank to Stephen Barungi and Bless Darah, who helped me to complete the project in terms of my studies at CF successfully.