Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/olawale-o/witter-chat

A simple chat application built with reactjs, scoket-io and tanstack query
https://github.com/olawale-o/witter-chat

axios cloudinary reactjs socket-io tanstack-react-query

Last synced: 18 days ago
JSON representation

A simple chat application built with reactjs, scoket-io and tanstack query

Awesome Lists containing this project

README

        

# Simple-Chat-React

> A direct message app

### Built with
- ReactJS
- Socket.io

# Screenshot
![screenshot](https://github.com/olawale-o/simple-chat-react/blob/develop/screenshot.png?raw=true")

# Features

- Authenticated users can only chat with each other
- You can follow and unfollow a user
- The online status of user's followers or followings is indicated
- Allow users to share image in chat

# Getting started
## To get a local copy of this repository kindly follow the steps below.
- Scroll to top of this current repository
- Click on the `Code` button with background color green on the right end corner
- Click on the clipboard icon on the extreme right of the dropdown to copy the repository link
- In your local PC, open your terminal or command prompt in the folder you would like to clone this repository into
- Type `git clone (copied link)` on the currently opened terminal or command prompt
- Remember to change `(copied link)` to `[email protected]:olawale-o/witter-chat.git` which is the name of the repository

# Install
```
npm install
npm start
```

# Contributing
Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page.](https://github.com/olawale-o/simple-chat-react/issues)

## Acknowledgments

- [Figma](https://www.figma.com/file/xz9nrvQM5bH6lPBLg2SzOn/Chat-(Community)?node-id=1%3A2&t=WJHUFpvJ7dnMQWVQ-0)
## Show your support

Give a ⭐️ if you like this project!