Home.md

@@ -21,31 +21,62 @@ To streamline this process, we initiated the development of Gerber2PNG, a web-ba
 - User-friendly React-based interface
 
 ## Usage
+To use the tool, you need to provide Gerber files exported from your EDA software.
+
+Gerber2PNG supports both single-layer and double-layer PCBs, generating compatible PNG outputs for CNC milling using Fab Mods. The steps are given below:
 
 ### Single Side PCB
 
 To generate a PNG for a **single-sided PCB**, follow these steps:
 
 1. Go to [Gerber2PNG](https://gerber2png.fablabkerala.in/)
-2. Upload your Gerber file
-3. Select **Single-Sided** option
-4. Click **Convert** to generate the PNG
-5. Download the output file
+2. Click Chose Files or Drag and drop all the gerber layers (should be unzip)
+3. Select **Generate All** option under **Custom** menu drop dow list
+4. Click **Generate PNG** button to generate the all the PNG files
+5. Download the output files by clicking in the **DOWNLAD ZIP** button top right
 
 ![2025-03-08_23-19-00](uploads/18fcce552d64bfb60e5be3e32d490faf/2025-03-08_23-19-00.m4v)
 
+The generated files are shown bellow 
+
+| Operation    | png files |
+| -------- | ------- |
+|  Top Traces |  ![alt text](uploads/Images/CH340-FTDI/traces_top_layer_0.png)   |
+| Top Drills | ![alt text](uploads/Images/CH340-FTDI/drills_top_layer_1.png) |
+| Board Outline | ![alt text](uploads/Images/CH340-FTDI/outline_top_layer_2.png) |
+
+
+
+
+
 ### Double Side PCB
 
 For a **double-sided PCB**, follow these steps:
 
+
 1. Go to [Gerber2PNG](https://gerber2png.fablabkerala.in/)
-2. Upload your  Gerber files
-3. Select **Double-Sided** option
-4. Click **Convert** to generate PNGs for both layers
-5. Download the output files
+2. Click Chose Files or Drag and drop all the gerber layers (should be unzip)
+3. Toggle the **Double-Side** option
+4. Select **Generate All** option under **Custom** menu drop dow list
+5. Click **Generate PNG** button to generate the all the PNG files
+6. Download the output files by clicking in the **DOWNLAD ZIP** button top right
+
+
 
 ![2025-03-08_23-20-47](uploads/cb9c6d8b13caf5ea4c7777d66f1bab3f/2025-03-08_23-20-47.m4v)
 
+See the generated output files bellow
+
+| Operation    | png files |
+| -------- | ------- |
+|  Top Traces |  ![alt text](uploads/Images/Type-C_PD/traces_top_layer_0.png)   |
+| Top Drills | ![alt text](uploads/Images/Type-C_PD/drills_top_layer_1.png) |
+| Alignment cut |  ![alt text](uploads/Images/Type-C_PD/outline_top_layer_2.png) |
+| Bottom traces |![alt text](uploads/Images/Type-C_PD/traces_bottom_layer_3.png)|
+| Board Outline | ![alt text](uploads/Images/Type-C_PD/outline_bottom_layer_4.png) |
+
+The double layer PCB's PNG generation works with non rectangle PCB's like circle or tother shapes, Gerber2Png will add a box arround the shape with the offset alignment cut, see the example of Fabacademy 2024 - [Rayan's Electronics Design](https://fabacademy.org/2024/labs/kochi/students/rayan-abdul/week08.html) week assignment cutting his double sided eagle PCB 
+
 ![](uploads/images/eagle-pcb-example.jpeg)
 
 ## Troubleshooting