Merge pull request #60 from ciphervaishnavi/feature/animate

done with animation

Author: CipherYuvraj

README.md

@@ -14,6 +14,10 @@
   [🚀 Live Demo](https://algorithm-visualiser-yuvraj.onrender.com/) · [📖 Documentation](https://github.com/CipherYuvraj/Algorithm-Visualiser-Platform/) · [🐛 Report Bug](https://github.com/CipherYuvraj/Algorithm-Visualiser-Platform/issues) · [💡 Request Feature](https://github.com/CipherYuvraj/Algorithm-Visualiser-Platform/issues)
 </div>
 
+<p align="center">
+  <img src="https://user-images.githubusercontent.com/74038190/212284100-561aa473-3905-4a80-b561-0d28506553ee.gif" width="700">
+</p>
+
 ---
 
 ## 📋 Table of Contents
@@ -44,6 +48,10 @@
 ### 🎯 Mission
 To bridge the gap between theoretical computer science and practical understanding by providing intuitive, step-by-step algorithm visualizations that make complex concepts accessible to learners at all levels.
 
+<p align="center">
+  <img src="https://user-images.githubusercontent.com/74038190/212284115-f47cd8ff-2ffb-4b04-b5bf-4d1c14c0247f.gif" width="1000">
+</p>
+
 ---
 
 ## ✨ Key Features
@@ -86,6 +94,10 @@ To bridge the gap between theoretical computer science and practical understandi
 - **📱 PWA Support**: Install as a desktop/mobile app
 - **🌐 Multi-language**: Support for multiple programming languages
 
+<p align="center">
+  <img src="https://user-images.githubusercontent.com/74038190/212284158-e840e285-664b-44d7-b79b-e264b5e54825.gif" width="400">
+</p>
+
 ---
 
 ## 🛠️ Tech Stack
@@ -120,6 +132,10 @@ To bridge the gap between theoretical computer science and practical understandi
 
 </div>
 
+<p align="center">
+  <img src="https://user-images.githubusercontent.com/74038190/212284087-bbe7e430-757e-4901-90bf-4cd2ce3e1852.gif" width="100">
+</p>
+
 ---
 
 ## 🎯 Why Choose Algorithm Visualiser Pro?
@@ -164,6 +180,10 @@ To bridge the gap between theoretical computer science and practical understandi
   </table>
 </div>
 
+<p align="center">
+  <img src="https://user-images.githubusercontent.com/74038190/212284136-03988914-d899-44b4-b1d9-4eeccf656e44.gif" width="1000">
+</p>
+
 ---
 
 ## 📸 Screenshots
@@ -181,6 +201,10 @@ To bridge the gap between theoretical computer science and practical understandi
 
 </div>
 
+<p align="center">
+  <img src="https://user-images.githubusercontent.com/74038190/212284100-561aa473-3905-4a80-b561-0d28506553ee.gif" width="700">
+</p>
+
 ---
 
 ## 🚀 Quick Start
@@ -223,6 +247,10 @@ npm start
 # 🎉 Open your browser and start exploring!
 ```
 
+<p align="center">
+  <img src="https://user-images.githubusercontent.com/74038190/212284158-e840e285-664b-44d7-b79b-e264b5e54825.gif" width="400">
+</p>
+
 ---
 
 ## ⚙️ Installation
@@ -312,6 +340,10 @@ docker-compose logs -f
 docker-compose down
 ```
 
+<p align="center">
+  <img src="https://user-images.githubusercontent.com/74038190/212284087-bbe7e430-757e-4901-90bf-4cd2ce3e1852.gif" width="100">
+</p>
+
 ### 📄 Docker Configuration
 
 <details>
@@ -432,6 +464,10 @@ gcloud run deploy --image gcr.io/PROJECT-ID/algo-visualiser --platform managed
 - **Machine Learning**: Neural Networks, Decision Trees
 - **Cryptography**: RSA, AES, Hash Functions
 
+<p align="center">
+  <img src="https://user-images.githubusercontent.com/74038190/212284100-561aa473-3905-4a80-b561-0d28506553ee.gif" width="700">
+</p>
+
 ---
 
 ## 🎨 UI/UX Features
@@ -585,6 +621,10 @@ Use the [issue template](https://github.com/CipherYuvraj/Algorithm-Visualiser-Pl
 
 Use the [feature request template](https://github.com/CipherYuvraj/Algorithm-Visualiser-Platform/issues/new?template=feature_request.md) to suggest new features.
 
+<p align="center">
+  <img src="https://user-images.githubusercontent.com/74038190/212284115-f47cd8ff-2ffb-4b04-b5bf-4d1c14c0247f.gif" width="1000">
+</p>
+
 ---
 
 ## 📄 License
@@ -627,6 +667,10 @@ Passionate about creating innovative web applications and making complex algorit
 ### 🎯 Vision
 > "To democratize algorithm education by making complex concepts visually intuitive and accessible to learners worldwide."
 
+<p align="center">
+  <img src="https://user-images.githubusercontent.com/74038190/212284136-03988914-d899-44b4-b1d9-4eeccf656e44.gif" width="1000">
+</p>
+
 ---
 
 ## 🙏 Acknowledgments
@@ -638,6 +682,10 @@ Passionate about creating innovative web applications and making complex algorit
 - **Vercel** for seamless deployment experience
 - **Open Source Community** for inspiration and contributions
 
+<p align="center">
+  <img src="https://user-images.githubusercontent.com/74038190/212284100-561aa473-3905-4a80-b561-0d28506553ee.gif" width="700">
+</p>
+
 ---
 
 ## 📞 Support