This project is a simple SPA with React that simulates a text message conversation between two people. In this case, the "other user" is the server.
Deployment on heroku can be found here: https://cartloop.herokuapp.com/
Features:
- Ready to send messages are available via macros (by click)
- Chatting via sockets.io
- Server response with random answer when sending a message.
- State is managed via UseContext.
- Messages are validated against the following characters: aA-zZ1234567890-=.,
- Design is fully responsive.
- Design is vanilla, no UI libraries.
- User gets notified when a message is invalid.
- Tech stack: React.js, Hooks, Sass, Node.js, Express.
In the project directory, you can run:
npm start => cd client => npm start the first 'start' command will run the server, and the second will run the client. Runs the app in the development mode. Open http://localhost:3000 to view it in the browser. server will run on 3030.
npm test Launches the test runner in the interactive watch mode. See the section about running tests for more information.
npm run build both in directory file and in client file. the first one will run the server, and the second will run the client. Builds the app for production to the build folder. It correctly bundles React in production mode and optimizes the build for the best performance.
- Desktop Version