· Get 10000 free mins with UIKits: bit.ly/3L6xNVj
· Learn more about ZEGOCLOUD: bit.ly/3xBQsFg
· How to build a video call App: bit.ly/3zj91yp
ZEGOCLOUD video call SDK &API allows you to easily build your live video chat apps within minutes.
In this tutorial I showed how to build Zoom mobile app clone with React Native, TypeScript, Redux Toolkit, ZegoCloud UIKit, Google Firebase and OAuth
What I implemented in this tutorial
Video call using ZegoCloud
Conference Call using ZegoCloud
Sign In With Google using Google Firebase OAuth
Zoom mobile app Clone
Building React Native app for Android and iOS simultaneously
Please subscribe, it motivates me to do more tutorials like this
Is there anything you don’t like about this video? Like the way I explained, the way I code in the video, let me know it and your suggestions on how I can improve it, thanks
If you have any issues implementing any of the things in the tutorial, please let me know in the comment section
If there's any suggestions you would like to give me on how to improve my content, please don't hesitate to let me know in the comment section
Links
Lesson files github repository (Fork the repository and don't forget to follow me)
github.com/paulosabayomi/zoom...
ZegoCloud homepage
www.zegocloud.com/
Get your free 10,000 mins ZegoCloud free trial here
console.zegocloud.com/dashboard
Zegocloud UIKit intro
www.zegocloud.com/uikits
Zegocloud UIKit documentation
www.zegocloud.com/docs/uikit/...
UIKit Quickstart
www.zegocloud.com/docs/uikit/...
UIKit Quickstart with invitation
www.zegocloud.com/docs/uikit/...)
UIKit Call invitation config
www.zegocloud.com/docs/uikit/...
React Native homepage
reactnative.dev/
Create new Firebase project here
console.firebase.google.com/u/
React Navigation
Getting Started
reactnavigation.org/docs/gett...
Stack Navigator
reactnavigation.org/docs/stac...
Stack Navigator Animations
reactnavigation.org/docs/stac...
Bottom Tabs
reactnavigation.org/docs/bott...
React Native Vision Camera: Though not used
react-native-vision-camera.co...
React Native Async Storage
Installation
react-native-async-storage.gi...
Simple Usage
react-native-async-storage.gi...
Redux Toolkit
Getting Started
redux-toolkit.js.org/introduc...
TypeScript doc
redux-toolkit.js.org/tutorial...
React Native Paper
Getting Started
callstack.github.io/react-nat...
Switch
callstack.github.io/react-nat...
React Native Google SignIn
Installation
react-native-google-signin.gi...
Android Setup guide
react-native-google-signin.gi...
iOS setup guide
react-native-google-signin.gi...
Original Google SignIn doc
react-native-google-signin.gi...
StackOverflow comment on how to generate Android keystore fingerprints
stackoverflow.com/questions/1...
React Native DateTimePicker
github.com/react-native-datet...
React Native Bottom Sheet
www.npmjs.com/package/react-n...
React Native SVG Transformer
github.com/kristerkari/react-...
Footnote: I forgot to test for Dark mode at the end of the tutorial, but after the tutorial I tested the dark mode and fixed some color mode related issues, and you can find comments besides the fields that I edited after the tutorial in the source code, they are not much and they are even negligible.
And the reason why it the sound was not loud on my iPhone was because it was in silent mode
#zegocloud #videocall #reactnative #sdk #api #zoomclone
5 июл 2024