Skip to content

A semester project using React Native. A basic chat using firebase with profile customization and posts creation.

Notifications You must be signed in to change notification settings

askhan963/rn-intra-social

Repository files navigation

React Native - Intra Social Chat App

This is a React Native project for an Intra Social Chat App, bootstrapped using @react-native-community/cli.

Features

  • Authentication using Firebase.
  • Real-time one-to-one chat.
  • View posts from other users.
  • Create and share posts.
  • View your own profile.

Getting Started

Prerequisites

Ensure you have Node.js installed (preferably the latest stable version). You can download it from Node.js.

Installation

  1. Clone the repository:
    git clone https://github.com/your/repository.git
  2. Navigate to the project directory:
    cd chatapp

Configure Firebase

Configure Firebase by adding your Firebase project's configuration details:

const firebaseConfig = {
  apiKey: "<your-api-key>",
  authDomain: "<your-auth-domain>",
  projectId: "<your-project-id>",
  storageBucket: "<your-storage-bucket>",
  messagingSenderId: "<your-messaging-sender-id>",
  appId: "<your-app-id>",
  measurementId: "<your-measurement-id>"
};

Install Dependencies

Install all the required packages using npm:

npm install

Running the App

Start the Metro Server

Metro, the JavaScript bundler for React Native, needs to be started first:

npm start

Running on Android

To run the app on an Android device or emulator:

npm run android

Running on iOS

To run the app on an iOS device or emulator (MacOS only):

npm run ios

All Screens

Splash Splash Splash Splash Splash Splash Splash Splash

Project Structure

  • src: Contains the source code for the application.
  • firebase: Firebase configuration and services.
  • components: Reusable components used throughout the app.
  • screens: Individual screens of the app.
  • navigation: Navigation setup for the app.

Dependencies

List of major dependencies used in this project:

  • React Native for the app framework.
  • Firebase for authentication, database, and other backend services.
  • Various React Navigation packages for navigation within the app.
  • Other UI and utility libraries like react-native-paper, react-native-gifted-chat, etc.

Contributing

Contributions are always welcome. Please read the contribution guidelines first.


Generated with ♥ by M. Awais Khan, Adnan Fahad & Hammad Ali Khan


Feel free to modify or add any additional sections as per the specifics of your project.

About

A semester project using React Native. A basic chat using firebase with profile customization and posts creation.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published