#Mission Control

---

This is a tool I have been working on over spring break to help me learn React and Redux and to help our math department have a new method for interacting with Khan Academy.

Khan Academy's missions are fantastic, and they keep getting better over time. They generally fit our needs, but then there is always the case of a niche course that doesn't fit well with the missions. In those cases, Khan Academy recommends that we create study guides, which is just a list of skills or videos. Mission Control is where the study guide met awesomeness.

With Mission Control you can create your own mission by giving it a name, creating topics, and adding skills from Khan Academy to those topics. The tool will then build those skills into series of links and present them in a nice layout that clones Khan Academy's missions. You students can then just click the link and get sent straight to the task on Khan Academy. Then when they are done, progress can be synced with the click of a button.

Check out the demo:

http://missioncontrol.gilgenlabs.com

##TODOS

• Save state when editing of a mission starts so we can roll back to it if the user clicks the cancel edit button. Currently, edits are not saved when changes are made but the user has to refresh the page to roll back. But that just falls short of excellent.
• When changing color theme, there is no indication that the theme was saved. I need to give an indication.
• When fetching data, there is no spinner or other indicator. The user may think that the site is stuck when in reality it is just busy. I need to fully implement redux's async actions.
• Implement methods to delete missions or to unjoin a mission.
• Get the task details when hovering on a task box like in Khan Academy.
• Extend features:
• Monitor student progress on mission similar to Khan Academy's tools.
• Add ability to include videos
• If I get really ambitious, learn how to integrate Perseus so we can create our own tasks.
• Make a tutorial out of this. It was hard for me to grasp how to use Redux and React and get data off of the server, etc. I would have really liked a detailed tutorial that built a full stack app. I think this could make a good one.
• Make a full stack javascript app by switching from flask to node and express. I had already been using python to interact with Khan Academy's api, so it was an easy fit. But I just think it would be so awesome to have a full stack javascript version of this.