This project was bootstrapped with Create React App.
In the project directory, you'll need:
1 react for the code create-react-app .
2 yarn (doesn't everyone want instant?) for the code yarn
3 the package for the code yarn add
:
query-string
react-emoji
react-router
react-router-dom
react-scroll-to-bottom
socket.io-client
4 delete inside src
because we make from scratch in it.
5 add folder components
and icons
in it.
optional: add LICENSE
inside the components add folder and file in it:
Chat with js and css,
InfoBar, etc
Input, etc
Join, etc
TextContainer, etc
and for the Messages also add Message in it.
add file App.js
and index.js
First for the icons add the png as like mine
Second for the css add it as like mine
Third for the index.js import react
, react-dom
and App
Fourth for the App.js import Chat
, Join
and (BrowserRouter as Router, Route
) from react-router-dom
Fifth on App.js for the const
add Router
in it add route path for Chat and Join