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

Folders and files

NameName
Last commit message
Last commit date

Latest commit

e9445e0 · Jan 3, 2024

History

27 Commits
Dec 19, 2023
Jan 3, 2024
Dec 19, 2023
Dec 24, 2023
Dec 29, 2023
Dec 19, 2023
Dec 19, 2023
Dec 19, 2023
Dec 19, 2023
Dec 19, 2023
Dec 24, 2023
Dec 19, 2023
Jan 3, 2024
Dec 29, 2023
Dec 19, 2023
Dec 19, 2023
Dec 29, 2023
Dec 19, 2023
Dec 19, 2023
Dec 19, 2023
Dec 29, 2023
Dec 29, 2023
Dec 19, 2023

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