🚑 Add Media and README for challenge 3 #6

foods_selection_screen/README.md

@@ -1,16 +1,34 @@
-# foods_selection_screen
+# Foods Selection Screen
 
-A new Flutter project.
+## Challenge 3
 
-## Getting Started
+This challenge presents a dynamic food selection interface, with dishes displayed in an engaging two-column layout. Each dish is represented as a card, and users can slide between different dish options for a seamless browsing experience.
 
-This project is a starting point for a Flutter application.
+## Demo
 
-A few resources to get you started if this is your first Flutter project:
+Watch the demo of the app in action:
 
-- [Lab: Write your first Flutter app](https://docs.flutter.dev/get-started/codelab)
-- [Cookbook: Useful Flutter samples](https://docs.flutter.dev/cookbook)
+[Foods Selection Demo](https://youtube.com/shorts/MxfSHX-cTIU)
 
-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.
+<details>
+  <summary> <em> Demo GIF </em> 🍴 </summary>
+  <div align="center">
+    <img src="media/demo.gif" alt="Demo GIF" style="max-height: 400px; width: auto;"/>
+  </div>
+</details>
+
+## Screenshots
+
+| Screenshot 1 | Screenshot 2 | Screenshot 3 | Screenshot 4 | Screenshot 5 |
+| ------------ | ------------ | ------------ | ------------ | ------------ |
+| ![Screen 1](media/screen1.jpg) | ![Screen 2](media/screen2.jpg) | ![Screen 3](media/screen3.jpg) | ![Screen 4](media/screen4.jpg) | ![Screen 5](media/screen5.jpg) |
+
+## Data 🥗
+
+Pizza in https://thepizzacompany.vn/
+
+<div align="center">
+
+#### Made by Flutter <img src="https://raw.githubusercontent.com/Flutter-Journey/.github/refs/heads/main/media/flutter_icon.png" height="15"> with Love ❤️ | Developed by [ChunhThanhDe](https://github.com/chunhthanhde)
+
+</div>