Skip to content

Commit d2b05db

Browse files
Krishna KantKrishna Kant
Krishna Kant
authored and
Krishna Kant
committed
Readme.md file added
1 parent 5e1feec commit d2b05db

12 files changed

+80
-0
lines changed

README.md

+80
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,80 @@
1+
# React Native WhatsApp Clone with Clerk
2+
3+
This is a React Native WhatsApp clone using [Clerk](https://clerk.com/?utm_source=sponsorship&utm_medium=github&utm_campaign=simong&utm_content=rn-whatsapp) for user authentication with OTP.
4+
5+
Additional features:
6+
7+
- [Expo Router](https://docs.expo.dev/routing/introduction/) file-based navigation
8+
- [SMS OTP](https://clerk.com/docs/custom-flows/email-sms-otp?utm_source=sponsorship&utm_medium=github&utm_campaign=simong&utm_content=rn-whatsapp) Auth with Clerk
9+
- [Reanimated](https://docs.swmansion.com/react-native-reanimated/) 3 for animations
10+
- [Gesture Handler](https://docs.swmansion.com/react-native-gesture-handler/) for gestures
11+
- [Gifted Chat](https://github.com/FaridSafi/react-native-gifted-chat) for chat UI
12+
13+
## Screenshots
14+
15+
<div style="display: flex; flex-direction: 'row';">
16+
<img src="./screenshots/1.png" width=30%>
17+
<img src="./screenshots/4.png" width=30%>
18+
<img src="./screenshots/5.png" width=30%>
19+
<img src="./screenshots/6.png" width=30%>
20+
<img src="./screenshots/7.png" width=30%>
21+
<img src="./screenshots/8.png" width=30%>
22+
<img src="./screenshots/9.png" width=30%>
23+
24+
</div>
25+
26+
## Demo
27+
28+
<div style="display: flex; flex-direction: 'row';">
29+
<img src="./screenshots/calls.gif" width=40%>
30+
<img src="./screenshots/chats.gif" width=40%>
31+
<img src="./screenshots/contacts.gif" width=40%>
32+
<img src="./screenshots/messages.gif" width=40%>
33+
34+
</div>
35+
36+
### Prerequisites
37+
38+
- Node.js and npm installed on your machine.
39+
- Expo CLI (if you don't have it, install it globally using `npm install -g expo-cli`)
40+
- Make sure Android studio install in your local machine then using android emulator run app on your emulator.
41+
42+
## How to Start the Project
43+
44+
Follow these steps to run the Number Guess Games on your local machine:
45+
46+
1. **Clone the Repository**:
47+
Clone this repository to your local machine using the following command:
48+
49+
```bash
50+
git clone https://github.com/kabhinav577/react-native-whatsapp.git
51+
```
52+
53+
2. Navigate to the Project Directory:
54+
55+
```
56+
cd react-native-whatsapp
57+
58+
```
59+
60+
3. Install Dependencies:
61+
62+
```
63+
npm install
64+
65+
```
66+
67+
4. Start the Development Server:
68+
69+
```
70+
npm start
71+
72+
```
73+
74+
5. Access the App:
75+
76+
Download Expo go from play store and Scan **Expo Qr Code** from Expo go app.
77+
78+
## Authors
79+
80+
- [@krishna Kant singh](https://krishnakant-singh.vercel.app/)

screenshots/1.png

239 KB
Loading

screenshots/4.png

151 KB
Loading

screenshots/5.png

224 KB
Loading

screenshots/6.png

191 KB
Loading

screenshots/7.png

228 KB
Loading

screenshots/8.png

316 KB
Loading

screenshots/9.png

239 KB
Loading

screenshots/calls.gif

2.94 MB
Loading

screenshots/chats.gif

676 KB
Loading

screenshots/contacts.gif

5.95 MB
Loading

screenshots/messages.gif

7.42 MB
Loading

0 commit comments

Comments
 (0)