End to end chat app. React, node, socket.io, material-ui
A public chat room where users log in with a nickname and go straight to the chat. They will:
● send messages to the public chat room
● receive new messages in the public chat room while connected
● each user would have an random colored avatar by his message in the chat.
● The design should be responsive and fill the
available screen space (i.e. stretched layout not boxed layout).
● Use Material/Bootstrap
● see the last 10 messages (prior to the connection / entering the public chat room)
● Connect to MySql DB
● Deploy to production server
Take a closer look
here
cd server-chat-app
npm run dev
The script above will automaticly run both client and server, using the ‘concurrently’ package. Alternatively you can run them seperatly by the following scripts:
npm run client
npm start
ports
Client: http://localhost:3005
Server: http://localhost:3002