A real time application that connects to a wabsocket server and presents data in a chart.
To install, clone this repository, access the root folder of the project and run the following scripts:
- npm install
- npm start
Also, you must clone this repository and follow their instructions to run the backend.
|Runs the app in the development mode.
|Runs unit tests
|Runs unit tests and generate a coverage report
|npm run build
|Builds the app for production
- The data should update every time new data is received from the socket
- Add a Toast that indicates that the socket is connected or disconnected
- Save 5 minutes data
- If data value is bigger than 100, don’t present it.
- Add unit test or any automation testing if needed.
I am using the feature-first organization strategy that provides our app with isolation and encapsulation of UI components. This way our components are reusable in other projects. ?
Also, I aimed to reduce coupling and keep a low level of cognitive complexity.
|Contains fonts and images.
|Contains adapters to external services.
|Contains API services like websock
|Home for all React components
|Contains constants for configuration and global styling
|Contains pure functions with business logic.
|Reusable functions that can be used anywere in the app
|Custom React hooks
|The entities’ interfaces
|Home for all the pages