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
• Optimizations
• Contributing
• Status
• Features
• Inspiration
• Related Projects
• Support
• Feedback
• Run Locally
• Environment Variables
• Screenshots

Author

@Saddam Arbaa

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

Github Repo

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

Github Repo

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

Github Repo

LIVE DEMO

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

Github Repo

LIVE DEMO

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

Github Repo

LIVE DEMO

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

Github Repo

LIVE DEMO

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

Github Repo

LIVE DEMO

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

Github Repo

LIVE DEMO

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

Real Time Chat

Add Chat Room Screen

Signup Screen

LogIn Screen

Forgot Password Screen