Update ReadMe 📚

README.md

@@ -10,7 +10,7 @@ The project directory is structured as follows:
 
 - `.devcontainer/devcontainer.json`: Configuration for the DevContainer environment.
 - `hosts`: Directory containing host configuration files for the lab.
-- `images/ceos-lab-4.30.3M.tar.xz`: Container image used for the lab nodes.
+- `network_images/ceos-lab-4.30.3M.tar.xz`: Container image used for the lab nodes.
 - `lab_vxlan.yml`: YAML file describing the VXLAN lab topology.
 
 ## Prerequisites
@@ -22,7 +22,8 @@ The project directory is structured as follows:
 ## Setup and Deployment
 
 1. **DevContainer Setup (Optional):**  
-   If using DevContainer, ensure Docker and Docker Compose are installed on your machine. Open the project in a compatible IDE (like Visual Studio Code) and start the DevContainer environment.
+   If using DevContainer, ensure Docker and Docker Compose are installed on your machine.  
+   Open the project in a compatible IDE (like Visual Studio Code) and start the DevContainer environment.
 
 2. **ContainerLab Setup:**
    - Direct Installation: Install ContainerLab on your host machine.
@@ -36,3 +37,11 @@ The project directory is structured as follows:
 
 - Once the lab is deployed, you can access the individual nodes (spines and leaves) via CLI or SSH to configure and test VXLAN-EVPN functionalities.
 - Use the `hosts` directory to modify or apply specific configurations.
+
+## Project evolution
+
+### To Do
+
+- [ ] Enable Features
+- [ ] Set MTU
+- [ ] Map VLAN to VNI

documentation/assets/images/diagrams/VXLAN.drawio

@@ -1,6 +1,6 @@
-<mxfile host="Electron" modified="2023-12-19T17:09:04.132Z" agent="Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/22.1.2 Chrome/114.0.5735.289 Electron/25.9.4 Safari/537.36" etag="rQl3XyCt-LwD422VX2VM" version="22.1.2" type="device">
+<mxfile host="65bd71144e">
     <diagram name="Page-1" id="O6sBWOfz2bUCuo58S4gg">
-    <mxGraphModel dx="694" dy="484" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1169" pageHeight="827" math="0" shadow="0">
+        <mxGraphModel dx="389" dy="363" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1169" pageHeight="827" math="0" shadow="0">
             <root>
                 <mxCell id="0"/>
                 <mxCell id="1" parent="0"/>
@@ -19,11 +19,10 @@
                 <mxCell id="aTlmoTqcXMnjitFqs7Kw-8" value="&lt;b style=&quot;&quot;&gt;&lt;font color=&quot;#5c5c5c&quot;&gt;Arista cEOS&lt;/font&gt;&lt;/b&gt;" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366;" parent="1" vertex="1">
                     <mxGeometry x="225" y="559" width="120" height="30" as="geometry"/>
                 </mxCell>
-        <mxCell id="aTlmoTqcXMnjitFqs7Kw-41" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;endArrow=none;endFill=0;strokeColor=#5c5c5c;flowAnimation=1;" parent="1" source="aTlmoTqcXMnjitFqs7Kw-12" target="aTlmoTqcXMnjitFqs7Kw-36" edge="1">
+                <mxCell id="aTlmoTqcXMnjitFqs7Kw-41" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;endArrow=none;endFill=0;strokeColor=#5c5c5c;flowAnimation=1;" parent="1" target="aTlmoTqcXMnjitFqs7Kw-36" edge="1">
-          <mxGeometry relative="1" as="geometry" />
+                    <mxGeometry relative="1" as="geometry">
-        </mxCell>
+                        <mxPoint x="485" y="589" as="sourcePoint"/>
-        <mxCell id="aTlmoTqcXMnjitFqs7Kw-12" value="&lt;b&gt;&lt;font color=&quot;#5c5c5c&quot;&gt;Arista cEOS&lt;/font&gt;&lt;/b&gt;" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#fff2cc;strokeColor=#d6b656;" parent="1" vertex="1">
+                    </mxGeometry>
-          <mxGeometry x="425" y="559" width="120" height="30" as="geometry" />
                 </mxCell>
                 <mxCell id="aTlmoTqcXMnjitFqs7Kw-19" style="rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;entryPerimeter=0;endArrow=none;endFill=0;strokeColor=#5c5c5c;flowAnimation=1;" parent="1" source="aTlmoTqcXMnjitFqs7Kw-14" target="aTlmoTqcXMnjitFqs7Kw-7" edge="1">
                     <mxGeometry relative="1" as="geometry"/>
@@ -55,6 +54,9 @@
                 <mxCell id="aTlmoTqcXMnjitFqs7Kw-44" value="&lt;div style=&quot;&quot;&gt;&lt;font face=&quot;Tahoma&quot; color=&quot;#5c5c5c&quot;&gt;&lt;b&gt;Host 2&amp;nbsp;&lt;/b&gt;&lt;/font&gt;&lt;/div&gt;&lt;div style=&quot;&quot;&gt;&lt;font face=&quot;Tahoma&quot; color=&quot;#5c5c5c&quot;&gt;10.100.100.2/24&lt;/font&gt;&lt;/div&gt;" style="rounded=1;whiteSpace=wrap;html=1;align=center;" parent="1" vertex="1">
                     <mxGeometry x="436" y="660" width="97.5" height="40" as="geometry"/>
                 </mxCell>
+                <mxCell id="2" value="&lt;b style=&quot;&quot;&gt;&lt;font color=&quot;#5c5c5c&quot;&gt;Arista cEOS&lt;/font&gt;&lt;/b&gt;" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366;" vertex="1" parent="1">
+                    <mxGeometry x="425" y="559" width="120" height="30" as="geometry"/>
+                </mxCell>
             </root>
         </mxGraphModel>
     </diagram>