saddamarbaa / signal-clone-app-reactnative-typescript

==> Building Signal Clone App with React Native + TypeScript + Expo + React Navigation + Firebase Realtime Database + User Authentication + Passwordless Authentication with Magic Links

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Signal Clone

Building Signal Clone App with React Native, TypeScript, Expo, React Navigation, Firebase, with complete user authentication (mobile and web friendly).

Table of contents

Author

Technologies

Client:

  • React Native
  • TypeScript
  • Expo
  • React Navigation

Server:

  • Firebase Realtime Database
  • Firebase Google Authentication
  • Firebase Email and password Authentication

Features

  • Complete user authentication users can sign in, sign out
  • Forgot password and Reset password (Magic links)
  • Add chat rooms
  • Realtime time chat

Optimizations

  • Function components
  • React hooks
  • TypeScript
  • Advanced Optimization (Todo)

Contributing

Contributions are always welcome!

Related_Projects

Front-End Mentor Rest Countries API Challenge app built with React Native + TypeScript + Expo + React Navigation

Zoom Clone App built with React Native + TypeScript + Expo + React Navigation

Facebook Clone App built with React Js + Next Js + TypeScript + Redux + Styled Components

Instagram Clone App built with React Js + Next Js + TypeScript + Redux + Tailwind CSS + Heroicons

Messenger Clone App built with React Js + Next Js + Redux + Styled Components + Material-UI

Airbnb Clone App built with React Js + Next Js + Redux + Tailwind CSS

Amazon Clone App built with React Js + Redux + Styled Components

Netflix Clone App built with React Js + Stripe Checkout/Payments + Firebase Hosting

Support

For support, email saddamarbaas@gmail.com.

Feedback

If you have any feedback, please reach out to me at saddamarbaas@gmail.com

Twitter https://twitter.com/ArbaaSaddam/

Linkedin. https://www.linkedin.com/in/saddamarbaa/

Github https://github.com/saddamarbaa

Instagram https://www.instagram.com/saddam.dev/

Facebook https://www.facebook.com/saddam.arbaa

Run_Locally

Clone the project

https://github.com/saddamarbaa/signal-clone-app-reactnative-typescript

Go to the project directory

  cd signal-clone-app-reactnative-typescript

Install dependencies

  yarn install

Start the server

yarn start

Environment

  • To run this project, you will need to create a new project on firebase, setup Firebase google authentication as well as Firebase Email and password Authentication and add the following environment variables to your next.config.js

  • API_KEY

  • AUTH_DOMAIN

  • PROJECT_ID

  • STORAGE_BUCKET

  • MESSAIN_SENDER_ID

  • APPID

Status

Project is: in progress I'm working on it in my free time

Inspiration

Build By Saddam Arbaa Project inspired by [Signal] https://signal.org/en/

Screenshots

Home Screen

image

image

Real Time Chat

image

image

Add Chat Room Screen

image

Signup Screen

image

image

LogIn Screen

image

image

Forgot Password Screen

image

image

About

==> Building Signal Clone App with React Native + TypeScript + Expo + React Navigation + Firebase Realtime Database + User Authentication + Passwordless Authentication with Magic Links

License:MIT License


Languages

Language:TypeScript 99.4%Language:JavaScript 0.6%