GCOM UI to interact with GCOM Back-End and MissionPlanner Scripts. Built with Vite, React + Redux, MUI, and Typescript. Communication is achieved through axios http and ~~socket.io v4 websockets.
CSS is done through inline styling with MUI components. More info can be found below.
Project Link: https://github.com/orgs/ubcuas/projects/6/views/5
Node.js v20 is required for development, download at https://nodejs.org/en/download/current or use nvm if you're cool and swag with it.
git clonethis reponsitory
git clone https://github.com/ubcuas/GCOM-Front-End.git
- Navigate to project directory and run
npm ito install required libraries.
cd GCOM-Front-End
npm i
npm run devto start the app in development mode.
npm run dev
- MUI Component Reference - https://mui.com/material-ui/getting-started/
- Socket.io Reference - https://socket.io/docs/v4/
- GCOM Back-End Repository - https://github.com/ubcuas/GCOM-2023
- React Docs - https://react.dev/reference/react
OFFLINE MAPPING - PLEASE TAKE A LOOK AT https://github.com/orgs/ubcuas/projects/6?pane=issue&itemId=42266000 FOR FULL INSTRUCTIONS ON HOW TO SETUP OFFLINE MAPPING WITH FRONT END, SKIP TO STEP 4 BECAUSE HOPEFULLY I'LL HAVE DONE ALL OF THE TILE DATA PREPPING. Or DM @suubwey in discord.