CloudWave have provided scaffolding for both the front and back end of the challenge, to save you time.
This application uses typescript and jest/react-testing-library. tsconfig.json has been pre-configured for the environment.
Some files may throw typescript errors due to empty placeholder files.
There's stylelint for linting SCSS files and eslint for linting code. You can lint the application with the lint and lint:styles commands in package.json.
Some files may throw linting warnings due to commented out scaffolding code.
We've added ant design for you to use, which comes with a selection of UI React components and style classes out of the box.
Read more here.
This challenge uses react-router-dom for routing.
To connect the client to the backend, you can use the code snippet below.
Read more here.
const socket = io(
config.SOCKET_ENDPOINT,
{ transports: ['websocket', 'polling', 'flashsocket'] }
);
This application uses typescript and jest. tsconfig.json has been pre-configured for the environment.
The HTTP server with socket.io are already connected. The socket server will automatically run by default on port 3001.
The backend server supports hot reload using nodemon. Any changes you make to files will automatically be updated if the server is started with the start:dev command.