Giter VIP home page Giter VIP logo

saddamarbaa / signal-clone-app-reactnative-typescript Goto Github PK

View Code? Open in Web Editor NEW
3.0 2.0 0.0 2.09 MB

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

License: MIT License

TypeScript 99.40% JavaScript 0.60%
react-native react-native-vector-icons typescript firebase reactnavigation expo firebase-database reactjs

signal-clone-app-reactnative-typescript's Introduction

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 [email protected].

Feedback

If you have any feedback, please reach out to me at [email protected]

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

signal-clone-app-reactnative-typescript's People

Contributors

saddamarbaa avatar saddamrushowl avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.