This project is a simple messaging application made using React-Native framework, Gifted-Chat library and Firebase database

Overview

React-Native Chat App with Firebase

Abstract

This project is a simple messaging application made using React-Native framework, Gifted-Chat library and Firebase database. The example that will be shown here focuses on the ability of two people to message each other in a chat room.

Libraries and Versions

Library Name Version
@react-native-async-storage/async-storage ^1.15.14
@react-native-firebase/app ^14.2.2
@react-native-firebase/firestore ^14.2.2
firebase ^9.6.2
react 17.0.2
react-native 0.66.4
react-native-gifted-chat ^0.16.3

Preview

Alt Text

Run on Computer

Clone this project

  git clone https://github.com/bugratemirci/messagingService.git

Go to the project directory

  cd messagingService

Install required packages

  npm install

Run the server

  npx react-native start

Install the app on the emulator or on your phone

  npx react-native run-android || npx react-native run-ios




React-Native Mesajlaşma Uygulaması (Firebase ile)

Özet

Bu proje React-Native framework'ü, Gifted-Chat kütüphanesi ve Firebase veri tabanı kullanılarak yapılmış basit bir mesajlaşma uygulamasıdır. Burada gösterilecek örnekte iki kişinin bir sohbet odasında karşılıklı mesajlaşabilmesi üzerine durulmuştur.

Kullanılan Kütüphaneler ve Sürümleri

Kütüphane Adı Sürümü
@react-native-async-storage/async-storage ^1.15.14
@react-native-firebase/app ^14.2.2
@react-native-firebase/firestore ^14.2.2
firebase ^9.6.2
react 17.0.2
react-native 0.66.4
react-native-gifted-chat ^0.16.3

Önizleme

Alt Text

Bilgisayarınızda Çalıştırın

Projeyi klonlayın

  git clone https://github.com/bugratemirci/messagingService.git

Proje dizinine gidin

  cd messagingService

Gerekli paketleri yükleyin

  npm install

Sunucuyu çalıştırın

  npx react-native start

Uygulamayı emülatöre veya telefonunuza yükleyin

  npx react-native run-android || npx react-native run-ios
You might also like...

Fixes Minecraft client lag from receiving chat messages, at the expense of not being able to block players in chat.

chat-lag-fix Fixes Minecraft client lag from receiving chat messages, at the expense of not being able to block players in chat. Mojang in their infin

Dec 4, 2022

NoChatLag fixes lagspikes caused by chat by removing the sender UUID from the chat packet. Please note that this breaks the vanilla client side block list.

NoChatLagServer Fabric Version | Forge Version Downloads: SpigotMC | GitHub Releases NoChatLagServer fixes WEB-5587 by setting the sender-uuid to that

Jan 10, 2022

The goal of the project is to create a web application using Java EE and database (PostgreSQL) without connecting a modern technology stack like spring boot and hibernate

The goal of the project is to create a web application using Java EE and database (PostgreSQL) without connecting a modern technology stack like spring boot and hibernate

About The Project SignIn page SignUp page Profile page The goal of the project is to create a web application using Java EE and database (PostgreSQL)

Mar 23, 2022

An awesome native wheel picker component for React Native.

An awesome native wheel picker component for React Native.

⛏️ react-native-picky An awesome native wheel picker component for react-native. Features Supports multiple columns ✅ Supports looping ✅ Native Androi

Dec 4, 2022

Simple Android app during a coding night. Just Learning Firebase and Android

Simple Android app during a coding night. Just Learning Firebase and Android

KUI-App Simple Android app during a coding night. Just Learning Firebase and Android What we learned: Some basics of Android Basic setup of Firebase:

Aug 28, 2022

A quiz app with great layout design, dynamic questions using firebase and what not....

A quiz app with great layout design, dynamic questions using firebase and what not....

AndroidQuizApp An android quiz app created using Android Studio with our language JAVA that has great layout design, dynamic questions using firebase

Dec 30, 2022

Framework for automated integration tests with focus on messaging integration

Citrus Integration Testing Welcome to Citrus Citrus is a test framework written in Java that is able to create fully automated end-to-end use case tes

Dec 27, 2022

A React Native project starter with Typescript, a theme provider with hook to easy styling component, a folder architecture ready and some configs to keep a codebase clean.

React Native Boilerplate Folder structure : src ├── assets │   ├── audios │   ├── fonts │   ├── icons │   └── images ├── components │   ├── Layout.tsx

Sep 1, 2022

Relational database project, PC Builder, for the Database Systems Design course.

README: Starting the Progam: This program was built and ran on the Eclipse IDE. To run, first create the database, "ty_daniel_db", using the ty_dani

Jan 6, 2022
Owner
null
With react-native-update-in-app library you can easily implement in-app updates in your React Native app using CDN or any other file server

React Native In-App update With react-native-update-in-app library you can easily implement in-app updates in your React Native app using CDN or any o

Nepein Andrey 7 Dec 21, 2022
An assistance platform made using Spring framework that analyses your code, and helps you either to start a devops project, or to turn an existing project into a devops project using open source software (Git, Docker, Jenkins..)

DevOpsify Description An assistance platform made using Spring framework that analyses your code, and helps you either to start a devops project, or t

obaydah bouifadene 14 Nov 8, 2022
Sceneform React Native AR Component using ARCore and Google Filament as 3D engine. This the Sceneform Maintained Component for React Native

Discord Server Join us on Discord if you need a hand or just want to talk about Sceneform and AR. Features Remote and local assets Augmented Faces Clo

SceneView Open Community 42 Dec 17, 2022
LOQUI - Real-time chat application built using Apache Kafka, Java, Spring Boot, SockJS and React

LOQUI is a simple real-time chat application that demonstrates how to use Apache Kafka as a message broker along with Java, Spring Boot and React on the front-end

Castanho Correia 2 Jun 5, 2022
An application created using Android Studio, Java and Firebase DB to serve patients and doctors at a medical clinic.

MEDICAL CLINIC APP An application created using Android Studio, Java and Firebase DB to serve patients and doctors at a medical clinic. Patients are a

Anik Sarker 16 Jan 5, 2023
Share food-Android- - Food donation coded in native android with firebase, google maps api and php server xampp

share_food-Android- Instructions: 1. Create a firebase account and link it with the project via google-services.json. 2. This project also uses a XAMP

Abubakar 3 Dec 28, 2021
React native wrapper for Jitsi Meet SDK Library that rely on the native view (Activity / ViewController)

react-native-jitsi-meet-sdk React native wrapper for Jitsi Meet SDK Library. This Library implements the Jitsi SDK with a native activity on the Andro

null 7 May 2, 2022
In this course, we will learn how to build a complete full-stack web application using Spring boot as backend and React (React Hooks) as frontend

In this course, we will learn how to build a complete full-stack web application using Spring boot as backend and React (React Hooks) as frontend. We will use MySQL database to store and retrieve the data.

Ramesh Fadatare 43 Dec 22, 2022
This is a Food Delivery Mobile Application. Build Using React Native

Ax Food Delivery Service This is a Food Delivery Mobile Application build using ?????????? ???????????? ?? Installation Clone this repository git clon

Mindula Dilthushan Manamperi 13 Jul 14, 2022
This bare project template includes a minimal setup for using unimodules with React Native tvOS.

What This is a clone of expo's bare minimal template which includes a minimal setup for using unimodules with React Native. Additionally, this templat

Abdullah Musab Ceylan 4 Dec 25, 2022