diff --git a/trick_source/web/mockup/.gitignore b/trick_source/web/dashboard/.gitignore
similarity index 100%
rename from trick_source/web/mockup/.gitignore
rename to trick_source/web/dashboard/.gitignore
diff --git a/trick_source/web/mockup/README.md b/trick_source/web/dashboard/README.md
similarity index 80%
rename from trick_source/web/mockup/README.md
rename to trick_source/web/dashboard/README.md
index 9d9614c4..e39f4dff 100644
--- a/trick_source/web/mockup/README.md
+++ b/trick_source/web/dashboard/README.md
@@ -1,3 +1,29 @@
+## Trick Dashboard
+Trick Dashboard is a simple web app with a sim control panel and a basic version of Trick TV
+## Install
+To install Trick Dashboard you will need to use npm to build the app and then copy it to your www directory in your sim directory.
+
+- Install npm from [nodejs.org](nodejs.org)
+
+- Install your depedencies (from this directory)
+##### `npm i`
+- Build the app
+##### `npm build`
+- Copy the contents of the build directory to the www directory of your sim
+##### `cp -r build/* <path_to_sim>/SIM_*/www`
+- Enable the web server for your sim
+
+in S_define:
+```
+#include "sim_objects/WebServer.sm"
+```
+in input file:
+```
+web.server.enable=True
+```
+
+## Information about Create React App
+
 This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
 
 ## Available Scripts
diff --git a/trick_source/web/mockup/package-lock.json b/trick_source/web/dashboard/package-lock.json
similarity index 100%
rename from trick_source/web/mockup/package-lock.json
rename to trick_source/web/dashboard/package-lock.json
diff --git a/trick_source/web/mockup/package.json b/trick_source/web/dashboard/package.json
similarity index 100%
rename from trick_source/web/mockup/package.json
rename to trick_source/web/dashboard/package.json
diff --git a/trick_source/web/mockup/public/TrickLogoSmall.png b/trick_source/web/dashboard/public/TrickLogoSmall.png
similarity index 100%
rename from trick_source/web/mockup/public/TrickLogoSmall.png
rename to trick_source/web/dashboard/public/TrickLogoSmall.png
diff --git a/trick_source/web/mockup/public/index.html b/trick_source/web/dashboard/public/index.html
similarity index 100%
rename from trick_source/web/mockup/public/index.html
rename to trick_source/web/dashboard/public/index.html
diff --git a/trick_source/web/mockup/public/manifest.json b/trick_source/web/dashboard/public/manifest.json
similarity index 100%
rename from trick_source/web/mockup/public/manifest.json
rename to trick_source/web/dashboard/public/manifest.json
diff --git a/trick_source/web/mockup/src/App.css b/trick_source/web/dashboard/src/App.css
similarity index 100%
rename from trick_source/web/mockup/src/App.css
rename to trick_source/web/dashboard/src/App.css
diff --git a/trick_source/web/mockup/src/App.js b/trick_source/web/dashboard/src/App.js
similarity index 100%
rename from trick_source/web/mockup/src/App.js
rename to trick_source/web/dashboard/src/App.js
diff --git a/trick_source/web/mockup/src/App.test.js b/trick_source/web/dashboard/src/App.test.js
similarity index 100%
rename from trick_source/web/mockup/src/App.test.js
rename to trick_source/web/dashboard/src/App.test.js
diff --git a/trick_source/web/mockup/src/AppStyles.js b/trick_source/web/dashboard/src/AppStyles.js
similarity index 100%
rename from trick_source/web/mockup/src/AppStyles.js
rename to trick_source/web/dashboard/src/AppStyles.js
diff --git a/trick_source/web/mockup/src/Client.js b/trick_source/web/dashboard/src/Client.js
similarity index 98%
rename from trick_source/web/mockup/src/Client.js
rename to trick_source/web/dashboard/src/Client.js
index 87d3f31d..c07f24e4 100644
--- a/trick_source/web/mockup/src/Client.js
+++ b/trick_source/web/dashboard/src/Client.js
@@ -379,7 +379,7 @@ export default class Client extends React.Component {
               <Box flexGrow={1} />
               <Box flexDirection="column">
                 <Typography variant="h6">
-                  SIM_cannon_numeric{"\u00A0"}
+                  {"\u00A0"}
                   {"\u00A0"}
                   {"\u00A0"}
                 </Typography>
@@ -403,9 +403,12 @@ export default class Client extends React.Component {
               <div className={classes.toolbar} />
               <Divider />
               <List>
+              <ListItem key ="coming soon">
+              <ListItemText primary="Other apps below coming soon!"/>
+              </ListItem>
                 {["Home", "Wiki", "Data Recording", "Strip Chart"].map(
                   (text, index) => (
-                    <ListItem button key={text}>
+                    <ListItem button key={text} disabled={true}>
                       <ListItemIcon>
                         {index % 2 === 0 ? <InboxIcon /> : <MailIcon />}
                       </ListItemIcon>
@@ -417,7 +420,7 @@ export default class Client extends React.Component {
               <Divider />
               <List>
                 {["Sniffer", "Environment", "Settings"].map((text, index) => (
-                  <ListItem button key={text}>
+                  <ListItem button key={text} disabled={true}>
                     <ListItemIcon>
                       {index % 2 === 0 ? <InboxIcon /> : <MailIcon />}
                     </ListItemIcon>
@@ -552,8 +555,9 @@ export default class Client extends React.Component {
                       <TextField
                         variant="outlined"
                         label="playback speed"
-                        value="1.0"
+                        value="not yet available"
                         className={classes.timer}
+                        disabled={true}
                       />
                     </Box>
                   </Flex>
@@ -583,7 +587,8 @@ export default class Client extends React.Component {
                       <SearchIcon />
                     </div>
                     <InputBase
-                      placeholder="Search…"
+                      placeholder="Search… [coming soon]"
+                      disabled={true}
                       classes={{
                         root: classes.inputRoot,
                         input: classes.inputInput,
diff --git a/trick_source/web/mockup/src/index.css b/trick_source/web/dashboard/src/index.css
similarity index 100%
rename from trick_source/web/mockup/src/index.css
rename to trick_source/web/dashboard/src/index.css
diff --git a/trick_source/web/mockup/src/index.js b/trick_source/web/dashboard/src/index.js
similarity index 100%
rename from trick_source/web/mockup/src/index.js
rename to trick_source/web/dashboard/src/index.js
diff --git a/trick_source/web/mockup/src/serviceWorker.js b/trick_source/web/dashboard/src/serviceWorker.js
similarity index 100%
rename from trick_source/web/mockup/src/serviceWorker.js
rename to trick_source/web/dashboard/src/serviceWorker.js
diff --git a/trick_source/web/mockup/src/withRoot.js b/trick_source/web/dashboard/src/withRoot.js
similarity index 100%
rename from trick_source/web/mockup/src/withRoot.js
rename to trick_source/web/dashboard/src/withRoot.js