Skip to content

Commit d443409

Browse files
Updating readme and screenshots
1 parent 503960b commit d443409

File tree

14 files changed

+24
-0
lines changed

14 files changed

+24
-0
lines changed

β€ŽREADME.mdβ€Ž

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -26,6 +26,7 @@
2626
- [Example Apps](#example-apps)
2727
- [Expo Example](#expo-example)
2828
- [Native Example](#native-example)
29+
- [Slack clone](#slack-clone)
2930
- [Docs](#docs)
3031
- [Keep in mind](#keep-in-mind)
3132
- [Setup](#setup)
@@ -43,6 +44,12 @@ The best place to start is the [React Native Chat Tutorial](https://getstream.io
4344

4445
This repo includes 2 example apps. One that's used with Expo, and one for native.
4546

47+
<div style="display: inline">
48+
<img src="./screenshots/1.png" alt="IMAGE ALT TEXT HERE" width="250" border="1" style="margin-right: 30px" />
49+
<img src="./screenshots/2.png" alt="IMAGE ALT TEXT HERE" width="250" border="1" style="margin-right: 30px" />
50+
<img src="./screenshots/3.png" alt="IMAGE ALT TEXT HERE" width="250" border="1" />
51+
</div>
52+
4653
### Expo example
4754

4855
1. Make sure node version is >= v10.13.0
@@ -83,6 +90,23 @@ This repo includes 2 example apps. One that's used with Expo, and one for native
8390

8491
You can generate the debug keystore by running this command in the `android/app/` directory: `keytool -genkey -v -keystore debug.keystore -storepass android -alias androiddebugkey -keypass android -keyalg RSA -keysize 2048 -validity 10000` - [Reference](https://github.com/facebook/react-native/issues/25629#issuecomment-511209583)
8592

93+
### Slack clone
94+
95+
Checkout our tutorial on how to build a slack clone using react-native and stream-chat-react-native
96+
97+
<div style="display: inline">
98+
<img src="./screenshots/4.png" alt="IMAGE ALT TEXT HERE" width="250" border="1" style="margin-right: 30px" />
99+
<img src="./screenshots/5.png" alt="IMAGE ALT TEXT HERE" width="250" border="1" style="margin-right: 30px" />
100+
<img src="./screenshots/6.png" alt="IMAGE ALT TEXT HERE" width="250" border="1" />
101+
</div>
102+
103+
- **Tutorial** [https://medium.com/@vishalnarkhede.iitd/slack-clone-with-react-native-part-1-f71a5e6a339f](https://medium.com/@vishalnarkhede.iitd/slack-clone-with-react-native-part-1-f71a5e6a339f?source=friends_link&sk=b06d7cc0c49bd08bcf398df9c89d48d7)
104+
105+
- **Source code for app**
106+
107+
- **react native** https://github.com/GetStream/slack-clone-react-native/
108+
- **expo** https://github.com/GetStream/slack-clone-expo/
109+
86110
## Docs
87111

88112
The [styleguidist docs for stream-chat-react-native](https://getstream.github.io/stream-chat-react-native/) document how all the components work.

β€Žscreenshots/1.jpegβ€Ž

-81.8 KB
Binary file not shown.

β€Žscreenshots/1.pngβ€Ž

1.92 MB
Loading

β€Žscreenshots/2.jpegβ€Ž

-54.6 KB
Binary file not shown.

β€Žscreenshots/2.pngβ€Ž

2.52 MB
Loading

β€Žscreenshots/3.jpegβ€Ž

-66.8 KB
Binary file not shown.

β€Žscreenshots/3.pngβ€Ž

1.49 MB
Loading

β€Žscreenshots/4.jpegβ€Ž

-66.8 KB
Binary file not shown.

β€Žscreenshots/4.pngβ€Ž

791 KB
Loading

β€Žscreenshots/5.jpegβ€Ž

-107 KB
Binary file not shown.

0 commit comments

Comments
Β (0)