Upload examples for README

Author: A-Georgiou

examples/DrawnAlgorithmExample.gif

@@ -1,6 +1,5 @@
 import React, {useState, useEffect} from 'react';
 import { GraphCanvas } from 'reagraph';
-import GenerateRandomGraph from '../algorithms/graphs/GenerateRandomGraph';
 import BreadthFirstSearch from '../algorithms/graphs/BreadthFirstSearch';
 import DepthFirstSearch from '../algorithms/graphs/DepthFirstSearch';
 import { Node } from '../algorithms/utils/GraphUtils';
@@ -11,7 +10,7 @@ import { GraphAlgorithm } from '../utils/GraphEnum';
 const GraphVisualiser: React.FC = () => {
     const [edges, setEdges] = useState([]);
     const [nodes, setNodes] = useState<{ id: string }[]>([]); // Specify the type of the nodes state variable
-    const [algorithm, setAlgorithm] = useState(GraphAlgorithm.BFS);
+    const [algorithm, setAlgorithm] = useState(GraphAlgorithm.DFS);
 
     const nodeMap: Node[] = [
         new Node('0', '0', 'slateblue'),
@@ -63,8 +62,7 @@ const GraphVisualiser: React.FC = () => {
             <GraphCanvas
                 nodes={nodes}
                 edges={edges}
-                onNodeDoubleClick={node => runAlgorithm(node.id)} 
-            />
+                onNodeDoubleClick={node => runAlgorithm(node.id)}/>
             </div>
         </div>
     );

examples/GraphAlgorithmExample.gif

@@ -35,4 +35,8 @@ ul {
     list-style-type: none;
     padding: 0;
     margin: 0;
+}
+
+li > a {
+    color: white;
 }