This is a WhatsApp clone built with React Native and TypeScript. The app uses Firebase for phone number authentication, Firestore Database for storing user information, and Firebase Storage for profile pictures. It also utilizes Redux Toolkit for state management, AsyncStorage for local data persistence, and i18next for internationalization.
(Deficiencies, errors and internal pages of the application will continue to be added in the future.)
- Phone number authentication using Firebase Authentication
- Real-time messaging
- Profile picture upload and update
- User information storage in Firestore
- Local data persistence with AsyncStorage
- State management with Redux Toolkit
- Internationalization with i18next
- React Native
- TypeScript
- Redux Toolkit
- AsyncStorage
- i18next
- Firebase Authentication
- Firestore Database
- Firebase Storage
WhatsAppClone.mp4
- Node.js
- npm or yarn
- Firebase project setup
- Clone the repository:
https://github.com/cangeldev/whatsAppClone.git cd whatsAppClone
- Clone the repository:
npm install # or yarn install
- Configure Firebase:
- Create a Firebase project at Firebase Console.
- Enable phone authentication.
- Set up Firestore Database and Firebase Storage.
- Download the
google-services.json
file and place it in yourandroid/app
directory. - Download the
GoogleService-Info.plist
file and place it in yourios/
directory.
- Clone the repository:
npm run android # or npm run ios
- Open the app on your device or emulator.
- Register with your phone number.
- Set up your profile by adding a profile picture.
- Start messaging other users in real-time.
src/
: Contains all the source code.assets/
: İcons and images.components/
: Reusable components.screens/
: Application screens.services/firebase
: Firebase configuration and functions.services/redux/
: Redux setup and slices.services/asyncstorage/
: AsyncStorage configuration and functions.utils/i18n/
: Internationalization setup and translations.