update:update README file

Author: Jason-chen-coder

README.md

@@ -1,16 +1,49 @@
 # flutter_easy_flow
 
-A new Flutter project.
+`flutter_easy_flow` is a Flutter project designed to simplify the process of creating and managing flow diagrams. 
 
-## Getting Started
+## 🚀 Features Showcase
 
-This project is a starting point for a Flutter application.
+Here are some of the key features of `flutter_easy_flow` in action:
 
-A few resources to get you started if this is your first Flutter project:
+- **Node Management**: Easily add, delete, and modify nodes to create detailed flow diagrams.
+- **Group Nodes**: Efficiently manage complex diagrams by grouping nodes.
+- **Real-time Data Rendering**: Automatically render flow diagrams based on real-time data.
+- **Real-time Data Viewing**: View the underlying data of flow diagrams in real-time.
 
-- [Lab: Write your first Flutter app](https://docs.flutter.dev/get-started/codelab)
-- [Cookbook: Useful Flutter samples](https://docs.flutter.dev/cookbook)
+![Screen Recording](screen_recording.gif)
+
+## 🛠️ Installation
+
+To get started with `flutter_easy_flow`, follow these steps:
+
+1. Clone the repository:
+    ```bash
+    git clone https://github.com/yourusername/flutter_easy_flow.git
+    ```
+2. Navigate to the project directory:
+    ```bash
+    cd flutter_easy_flow
+    ```
+3. Install dependencies:
+    ```bash
+    flutter pub get
+    ```
+4. Run the app:
+    ```bash
+    flutter run
+    ```
+
+### 🤝 Contributing
+
+Welcome contributions from the community. If you would like to contribute, please follow these steps:
+
+1. Fork the repository.
+2. Create a new branch for your feature or bugfix.
+3. Commit your changes and push the branch to your fork.
+4. Create a pull request with a detailed description of your changes.
+
+### 📄 License
+
+This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for more details.
 
-For help getting started with Flutter development, view the
-[online documentation](https://docs.flutter.dev/), which offers tutorials,
-samples, guidance on mobile development, and a full API reference.

lib/flow_chart/objects/task_widget.dart

@@ -103,7 +103,7 @@ class TaskWidget extends StatelessWidget {
                     ),
                     SizedBox(height: 2 * element.zoom),
                     Text(
-                      element.id.substring(0, 5),
+                      element.subTitleText,
                       style: subtitleTextStyle,
                     )
                   ],