Skip to content

A ReactJS webchat using websocket with NodeJS and SocketIO

License

Notifications You must be signed in to change notification settings

RenanTRS/chat-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

60 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Logo

⚠️ Under Development!

GitHub License GitHub top language GitHub last commit GitHub issues open GitHub closed issues GitHub pull request open GitHub closed pull requests

Demo on desktop Demo on desktop

About this project

This project is part of my personal portfolio.

Why?

The purpose of this project was to learn about WebSocket

How to use

To clone and run this project, you'll need Git, node v14.20 or higher + yarn v1.22.15 or higher installed on your computer. From your command line:

#Clone this repository
$ git clone https://github.com/RenanTRS/chat-app.git

#Go into the repository
$ cd chat-app

#Install dependencies
$ yarn
#or
$ npm i

#Run web (front-end)
$ cd web
$ yarn dev
#or
$ npm run dev

#Run test web (front-end)
$ cd web
$ yarn test
#or
$ npm run test

#Run server (back-end)
$ cd server
$ yarn dev
#or
$ npm run dev

#Generate build server (back-end)
$ cd server
$ yarn build
#or
$ npm run build

#Run build server (back-end)
$ cd server
$ yarn start
#or
$ npm run start

Env Variables

Web

VITE_URL_SERVER = 'your_http_back_end_here'

Server

BASE_URL='your_http_front_end_here'

Built with

Front-End Back-end
Vite NodeJS
ReactJs TypeScript
TypeScript Express
Tailwindcss Cors
PostCss Babel
React Router Dom Socket.IO
Socket.IO EsLint
Jest Prettier
Testing Library Dotenv
SWC Jest Yarn
SWC Core
EsLint
Prettier
PhosphorIcons
Yarn

Contact

License

This project is licensed under the MIT License - see the LICENSE file for details.