react-chartjs-websockets-tailwind Tailwind Templates

React Chartjs Websockets Tailwind

React Chart Application With Express Server, Socket.io

This app demonstrates a Chart.js application using React, TailwindCSS, Chart.js, Socket.io, Typescript and Express Server. All charts are cumulatively refreshed every 30 seconds. You need to install node packages first. After cloning the repository, open your terminal and navigate to the project root and run the command below:

yarn

or

npm install

Then You need to run Node Express Server. At the project root, run the command below via your terminal.

node ./server/server.js

Start the project. On another terminal instance (or on your IDE's terminal), navigate to the project root, run the command below.
It will open the app on http://localhost:3000 to view it in the browser.

yarn start

or

npm run start

Enjoy!

Top categories

Loading Svelte Themes