Download node.js from here
NOTE: all steps can be skipped by running the start.sh script in the root folder
./start.shInstall the dependencies:
backend dependencies
npm install express
sudo npm install -g nodemon # you might need to run this as sudo
npm install dotenv
npm install mongodb
npm install mongoose
npm install exifreader --save
npm install multer
npm install sharp # convert pictures to .jpeg
npm install heic-convert # extra converter for .heicfrontend dependencies
npm install axios
npm install react-router-dom
npm install react-dropzone
npm install rsuite
npm install @react-google-maps/api
npm install @mui/material
npm install @emotion/styled
npm install axiosIn the src/backend folder
You must copy over our private .env file from the discord server to the root folder
In the root folder:
./back.shUse postman to send a request to http://localhost:{.env.PORT}/api/game_info/{functionality u want to test}
Check out this tutorial: here
In the server code we connect to the DB with a password and username. This is stored in the .env file. You must copy over our private .env file from the discord server to the src/backend folder.
However the DB won't even attempt to connect if you IP isn't whitelisted. To get your IP whitelisted, you must send your IP to the discord server. If you have UNIX:
nmcli device show
nmcli device show | grep IP4.ADDRESSYou make the frontend by
npx create-react-app frontendThis is what our chorus-lapilli looked like
Use localStorage to set a variable to a key value then use that key on a different page to access to data. localStorage.setItem( ) localStorage.getItem( )
In the src/frontend folder Note: you must have the backend running for the frontend to function, right now the backend connection is using dummy stuff.
npm startOr from the proj folder:
./front.shMongoDB not working yet: https://www.youtube.com/watch?v=s0anSjEeua8&list=PL4cUxeGkcC9iJ_KkrkBZWZRHVwnzLIoUE&index=4