https://github.com/tiagoporto/react-chat

💬 React chat with Socket.io Client
https://github.com/tiagoporto/react-chat

chat chatroom react socket-io socket-io-client

Last synced: 5 months ago
JSON representation

💬 React chat with Socket.io Client

• Host: GitHub
• URL: https://github.com/tiagoporto/react-chat
• Owner: tiagoporto
• Created: 2018-05-04T20:46:00.000Z (about 8 years ago)
• Default Branch: main
• Last Pushed: 2026-01-19T15:37:27.000Z (5 months ago)
• Last Synced: 2026-01-19T21:54:48.259Z (5 months ago)
• Topics: chat, chatroom, react, socket-io, socket-io-client
• Language: JavaScript
• Homepage: https://tiagoporto.github.io/react-chat
• Size: 2.65 MB
• Stars: 6
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Codeowners: .github/CODEOWNERS

Awesome Lists containing this project

README

          
# React Chat

[![js-standard-style](https://img.shields.io/badge/code%20style-standard-yellow.svg)](http://standardjs.com)

[![js-react-app-style](https://img.shields.io/badge/code%20style-react--app-blue.svg)](https://github.com/patrio/eslint-config-react)

[![Dependencies Status](https://img.shields.io/david/tiagoporto/react-chat.svg?style=flat-square)](https://david-dm.org/tiagoporto/react-chat)

[![devDependencies Status](https://img.shields.io/david/dev/tiagoporto/react-chat.svg?style=flat-square)](https://david-dm.org/tiagoporto/react-chat?type=dev)

> Simple Chat using Socket.io

## Features

- Send/Receive Messages

- Parse link message

- Parse youtube link message

- Parse image link message

- Show Online/Offline Status

- Show Total participants

- Send message on Ctrl+Enter

- Change username

- Save settings on LocalStorage

- Reset default settings

- Interface Languages English, Portuguese (Brazil), French

- Interface theme Light/Dark

This project was bootstrapped with [Create React App](https://github.com/facebookincubator/create-react-app).

## Uses

- [editorconfig](http://editorconfig.org/)

- [React](https://reactjs.org/)

- [React-Router](https://reactjs.org/)

- [MobX](https://mobx.js.org/)

- [i18n-react](https://mobx.js.org/)

- [Socket.io](https://socket.io/)

- [Flow](https://flow.org/)

- [Eslint](https://eslint.org/)

  - [eslint-config-react-app](https://www.npmjs.com/package/eslint-config-react-app)

  - [eslint-config-standard](http://standardjs.com)

- [Stylus](http://stylus-lang.com/)

- [Normalize.css](https://necolas.github.io/normalize.css/)

- [Autoprefixer](https://autoprefixer.github.io/)

- [Webpack](https://webpack.js.org/)

## Running the project

First of all, install dependencies

```sh

npm install

```

### Start developemnt

```sh

npm start

```

### Build

```sh

npm run build

```

### Test

```

npm run test

```