Tutorial video link added

Author: jalakoo

Pipfile

@@ -11,6 +11,7 @@ pyperclip = "*"
 streamlit-agraph = "*"
 lorem-text = "*"
 faker = "*"
+streamlit-player = "*"
 
 [dev-packages]
 

Pipfile.lock

@@ -1,17 +1,17 @@
 # MOCK GRAPH DATA GENERATOR
 This is a prototype app for generating mock graph data for [Neo4j](https://neo4j.com/) database instances.
 
-<!-- TODO: Add animated gif: 1. Design in Arrows, 2. Mapping options, 3. Uploading to data-importer -->
-
-## Requirements
-[Poetry](https://python-poetry.org/) should be installed. Code in this repo uses Poetry for managing dependencies and running a virtual environment.
-
 The app uses [Streamlit](https://streamlit.io/) to create and manage the UI interface.
 
 
-## Adding new packages
-`poetry add <package_name>`
+## Recommendations
+Connect with a Chromium browser. Known issues when using with Safari, especially with interfacing with arrows and the data-importer.
+
 
 ## Running
 Locally
-`poetry run streamlit run mock_generators/app.py`
+```
+pipenv shell
+pipenv sync
+pipenv run streamlit run mock_generators/app.py
+```

README.md

@@ -4,6 +4,7 @@
 from tabs.design_tab import design_tab
 # from tabs.integrated_design_tab import integrated_design_tab
 from tabs.data_importer import data_importer_tab
+from tabs.tutorial import tutorial_tab
 from config import load_generators
 
 # TODO: Move this stuff into the config class
@@ -43,23 +44,26 @@
 
 # UI
 st.title("Mock Graph Data Generator")
-st.markdown("This is a collection of tools to generate mock graph data for [Neo4j](https://neo4j.com) graph databases.")
+st.markdown("This is a collection of tools to generate mock graph data for [Neo4j](https://neo4j.com) graph databases. NOTE: Chromium browser recommended for best experience.")
+
+
 
 generators = None
 imported_file = None
 
 # Streamlit runs from top-to-bottom from tabs 1 through 8. This is essentially one giant single page app.  Earlier attempt to use Streamlit's multi-page app functionality resulted in an inconsistent state between pages.
 
-t1, t2, t5 = st.tabs([
+t0, t1, t2, t5 = st.tabs([
+    "⓪ Tutorial",
     "① Design",
     "② Generate",
     "③ Data Importer"
 ])
-# with t0:
-#     ideate()
+
+with t0:
+    tutorial_tab()
 with t1:
     design_tab()
-    # integrated_design_tab()
 with t2:
     import_tab()
 with t5:

mock_generators/app.py

@@ -7,7 +7,7 @@
 import logging
 import datetime
 from models.generator import GeneratorType
-import pyperclip
+# import pyperclip
 import json
 
 def design_tab():