The Wireless Telemetry GUI used to graph and show telemetry data coming from the car in real-time.
This is through an interactive web-application using the following technologies:
- TypeScript
- React.js
- Redux
- Material-UI
To get up-and-running with development follow the steps outlined below.
The following tools need to be installed before you work on this project:
git
node.js
version 16.
If you use macOS or Linux, git
will probably already be installed on your machines. If you use Microsoft Windows, git
can be installed from here.
Regardless of OS, you can download node.js
from its website here. Make sure to download version 16!
Clone the repository on your local machine using the following command:
git clone https://github.com/sufst/wireless-telemetry-gui.git
Open a terminal window, navigate to the folder the repository was cloned and run the following command to install all dependencies:
npm install
You now need to update the back-end API URL on config.ts
under scr/config.ts
. Open that file and update the url
variable on line 30 with your own back-end API URL.
Once all dependencies are installed and all servers are running, you can start the web-app by running the following command from the root of the application:
npm start
This runs the app in the development mode. Open http://localhost:3000 to view it in the browser.
-
Currently, the version of
material-ui
used inv4
instead of the latest major releasev5
. This doesn't cause any known issues and is in the roadmap to be updated in the future. For now, development should docs thev4
version of thematerial-ui
documentation available here. -
Currently, the version of
node.js
known to be able to build the project isNode version 16
. If you happen to have a latest version, you'll need to usev16
until this issue is fixed.
This project was created using create-react-app
. Documentation for this can be found here.