An open API service indexing awesome lists of open source software.

https://github.com/ankeshbanerjee/rn_blinktalk

React Native Application which facilitates real-time one-to-one and group chat, real-time push notifications, file attachment with chat, dark mode and much more
https://github.com/ankeshbanerjee/rn_blinktalk

axios contextapi fcm-push-notification notifee react-native socket-io-client typescript

Last synced: about 1 month ago
JSON representation

React Native Application which facilitates real-time one-to-one and group chat, real-time push notifications, file attachment with chat, dark mode and much more

Awesome Lists containing this project

README

          

# Description

App name - **BlinkTalk**

BlinkTalk is a cross-platform Real-time Chat Application which is made using React Native.

**Download and test the app:** [Click here](https://drive.google.com/file/d/1wBh2B6W0dkHpJGUq47MdIUccxpLTNJHM/view?usp=sharing) to get the .apk file and explore its features!

## Features

- Supports both One-to-one and Group chats.
- Real-time push notifications.
- Real-time typing indicator.
- Supports file-attachment.
- Both light and dark mode support.

## Demo

![](demo/video/demo-video.gif)

## Tech Stack

- React Native with Typescript.
- Socket.io-client for handling real-time socket events.
- Firebase Cloud Messaging (FCM) for real-time push notifications.
- Notifee for showing and interacting with notifications.
- Axios to call APIs.
- ContextAPI for global state-management.

## Screenshots

| LOGIN | HOME TAB | PROFILE TAB |
| -------------------------- | ----------------------------- | ---------------------------- |
| ![](demo/images/Login.png) | ![](demo/images//HomeTab.png) | ![](demo/images/Profile.png) |

| HOME TAB (DARK) | NOTIFICATION-1 | NOTIFICATION-2 |
| --------------------------------- | ---------------------------------- | ---------------------------------- |
| ![](demo/images/HomeTab-Dark.png) | ![](demo/images/Notification1.png) | ![](demo/images/Notification2.png) |

| CHAT CREATION | CHAT | CHAT (DARK) |
| ---------------------------------- | ------------------------- | ------------------------------ |
| ![](demo/images/Chat-Creation.png) | ![](demo/images/Chat.png) | ![](demo/images/Chat-Dark.png) |

| FILE ATTACHMENT | CHAT WITH ATTACHMENT | MEDIA VIEWER |
| -------------------------------------- | -------------------------------------- | -------------------------------- |
| ![](demo/images/File-Attachment-1.png) | ![](demo/images/File-Attachment-2.png) | ![](demo/images/MediaPlayer.png) |