Skip to content

A feature-rich social chat app built with React Native and Firebase. Connect with friends, send messages, share stories, and explore a dynamic social experience.

Notifications You must be signed in to change notification settings

Creative-banda/ChatApp

Repository files navigation

📱 Chat App

This is a feature-rich chat application developed using React Native, Firebase, and Node. The app includes real-time messaging, customizable notifications, biometric security, and social features. This project showcases skills in mobile development, backend integration, and user-centered security features.

🚀 Features

  • User Authentication: Sign up, log in, log out, and reset passwords via Firebase Authentication.
  • Real-time Messaging: Instantly send and receive messages.
  • Typing Indicators: Shows when another user is typing.
  • Online/Offline Status: Display users’ online or offline status.
  • Friend Requests: Send and accept friend requests to build connections.
  • Profile Management: Customize profile details such as picture, bio, and name.
  • Status Updates: Upload and view status updates (similar to social media stories).
  • View Other Profiles: Check profiles of other users.
  • Push Notifications: Receive notifications based on customized user preferences.
  • Biometric Lock System: Enhanced app security with biometric authentication.

🛠️ Tech Stack

  • React Native: Cross-platform app development.
  • Firebase: Backend services (authentication, real-time database, and storage).
  • Node.js & Express: Manages notifications and additional backend processes.

📂 Project Structure

/chatapp

├── /assets
├── /components # Reusable components
├── /screens # App screens
├── /functions # Commonly used functions
├── /permission # Permission management
├── /global_components # Global components
├── App.js # Main entry point of the app
├── config.js # Firebase configuration file

📸 Screenshots

Login SignUp ForgetPassword HomeScreen ChatScreen StatusScreen CallHistory AddFriend SendRecvRequest Setting EditProfile

📝 Installation

  1. Clone this repository:
    git clone https://github.com/Creative-banda/ChatApp.git
  2. Install the dependencies: cd chatapp
npm install
3. Set up your Firebase project and update the configuration in / (root folder)
4. Run the app: 
```bash
  npx expo start



## 🤝 Contributing

Feel free to fork this project, open an issue, or submit pull requests if you have suggestions or improvements.

## 📄 License

This project is licensed under the **MIT License**.

## 👤 Author

- **Mohd Ahtesham** - (https://www.linkedin.com/in/ahtesham-khan-808260311/)

About

A feature-rich social chat app built with React Native and Firebase. Connect with friends, send messages, share stories, and explore a dynamic social experience.

Topics

Resources

Stars

Watchers

Forks

Contributors 2

  •  
  •