Virtual Math Teams (VMT) provides a collaboration infrastructure for visual math and geometry tools, such as Geogebra and Desmos. To provide this infrastructure, this version uses React.js and Redux.js, express and sockets.io. see 'Installation' below.

• For non-commercial uses, this application is licensed under the AGPL license.
• Any use of VMT for commercial purposes is subject to and requires a special license to be negotiated with Mathematical Thinking.
• See VMT license details

To provide the colloaboration infrastructure, this application uses a combination of:

• MongoDB,
• Express,
• Socket.io,
• React.js,
• Redux,
• Node.js

1. Fork this repo (instructions)
2. $ npm install
3. $ nodemon
4. open a new console tab
5. $ cd client && npm install
6. $ npm start
7. At this point create-react-app will open a browser window for you and refresh it every time a change is made.

To deploy this project to staging or production go to the root level directory and run $ ./deploy.sh <username> <environment> where enviornment = production || staging

1. git checkout master
2. git pull --rebase upstream master
3. git push origin master
4. git checkout -b feature-branch
5. git add/git commit (on feature branch)
   • To close an issue, add 'closed #[github issue number]' to commit message
6. git pull --rebase upstream master (on feature branch)
7. git push origin feature-branch
8. Submit pull request (your feature branch to upstream master)

• Go to Step 5 in Git Rebase flow.

1. git checkout master
2. git pull --rebase upstream master
3. git push origin master

1. git checkout master
2. git branch -d feature-branch

• git remote -v to see remote origins
• git remote add upstream https://github.com/mathematicalthinking/encompass.git
• if existing upstream git remote rm upstream

Desmos API Geogebra API

We utilize Cypress for end to end testing To run the tests restart the server in test mode npm run test and then in a new console tab npm run cypress

• NB the create-react-app server still needs to be running on port 3000

📁 src | -- App.js | -- 📁 Routes | -- 📁 Containers | -- 📁 Layout | -- 📁 Components

There are one million and one ways to structure a react app. I've found the following structure to work well enough.

App.js serves as the entry point of the application and exposes the Redux store and react-router to the rest of the application.

There are two primary routes. / for guest users and /myVMT for logged in users.

Containers come in one of two forms. Either they inject props into a component from the redux store. Or they manage shared local (i.e. non-redux) state for two or more react components (or they do both). You can find an example of the former here and the latter here

The layout directory is for organizing...layouts. Each file roughly corresponds to a page.

The reusable parts of the app live here

This project was bootstrapped with this template refer to its README for additional information regarding the directory structure.