Update README.md

Author: Fady-Esam

README.md

@@ -1,40 +1,54 @@
-# Flutter Animation
+# 🚀 Flutter Animation
 
-A Flutter project demonstrating the use of built-in animation widgets as well as custom animations. Includes practical examples to help understand animation concepts and techniques in Flutter app development.
+A Flutter project demonstrating the use of built-in animation widgets as well as custom animations.  
+Includes practical examples to help understand animation concepts and techniques in Flutter app development.
 
-## Features
-Implicit Animations: Animate changes with widgets like AnimatedContainer, AnimatedOpacity, AnimatedCrossFade, and TweenAnimationBuilder.
+---
 
-Explicit Animations: Full control using AnimationController, Tween, CurvedAnimation, TweenSequence, and AnimatedBuilder.
+## ✨ Features
 
-Hero Animations: Smooth transitions between screens using shared element animations with the Hero widget.
+🔄 **Implicit Animations**  
+Animate changes with widgets like `AnimatedContainer`, `AnimatedOpacity`, `AnimatedCrossFade`, and `TweenAnimationBuilder`.
 
-Transformations: Apply dynamic rotation, scale, and movement using Transform, Matrix4, and gesture input.
+🎮 **Explicit Animations**  
+Full control using `AnimationController`, `Tween`, `CurvedAnimation`, `TweenSequence`, and `AnimatedBuilder`.
 
-Animated Lists: Animate list item insertions and removals with AnimatedList, SlideTransition, and SizeTransition.
+🧳 **Hero Animations**  
+Smooth transitions between screens using shared element animations with the `Hero` widget.
 
-Custom Paint: Draw animated visuals like a bouncing ball using CustomPaint and CustomPainter.
+🔁 **Transformations**  
+Apply dynamic rotation, scale, and movement using `Transform`, `Matrix4`, and gesture input.
 
-Looping Animations: Use addStatusListener to create continuous forward-reverse animation loops.
+📋 **Animated Lists**  
+Animate item insertions and removals with `AnimatedList`, `SlideTransition`, and `SizeTransition`.
 
+🎨 **Custom Paint**  
+Draw animated visuals like a bouncing ball using `CustomPaint` and `CustomPainter`.
+
+🔂 **Looping Animations**  
+Use `addStatusListener` to create continuous forward–reverse animation loops.
+
+---
+
+## 🛠️ Languages and Tools
 
-## Languages and Tools:
 <p align="left"> 
-        <img src="https://www.vectorlogo.zone/logos/flutterio/flutterio-icon.svg" alt="flutter" width="50" height="45"/> 
-        <img src="https://www.vectorlogo.zone/logos/dartlang/dartlang-icon.svg" alt="dart" width="50" height="45"/>
-        &nbsp;
-        <img src="https://github.com/user-attachments/assets/81601bc6-d10f-436a-a3fa-fb3b129feaf6" alt="VS Code" width="50" height="45"/>
+  <img src="https://www.vectorlogo.zone/logos/flutterio/flutterio-icon.svg" alt="Flutter" width="50" height="45"/> 
+  <img src="https://www.vectorlogo.zone/logos/dartlang/dartlang-icon.svg" alt="Dart" width="50" height="45"/>
+  &nbsp;
+  <img src="https://github.com/user-attachments/assets/81601bc6-d10f-436a-a3fa-fb3b129feaf6" alt="VS Code" width="50" height="45"/>
 </p>
 
-## Connect with me:
+---
+
+## 📬 Connect with Me
+
 <h5 align="left"> 
-<a href="https://www.linkedin.com/in/fady-esam/" target="_blank"> 
-  <img src="https://raw.githubusercontent.com/rahuldkjain/github-profile-readme-generator/master/src/images/icons/Social/linked-in-alt.svg" alt="Fady Esam" height="45" width="45" /> 
+  <a href="https://www.linkedin.com/in/fady-esam/" target="_blank"> 
+    <img src="https://raw.githubusercontent.com/rahuldkjain/github-profile-readme-generator/master/src/images/icons/Social/linked-in-alt.svg" alt="Fady Esam" height="45" width="45" /> 
   </a> 
-   &nbsp;
+  &nbsp;
   <a href="mailto:fady.esam.0101@gmail.com" target="_blank"> 
     <img src="https://cdn-icons-png.flaticon.com/512/732/732200.png" alt="Email" height="45" width="50" /> 
-</a> 
+  </a> 
 </h5>
-
-