⭐ Update README

Author: ChunhThanhDe

README.md

@@ -1 +1,73 @@
-# Flutter_UI_Challenge
+# 🎬 Flutter UI Challenge
+
+This repository contains various UI challenges built using Flutter. Each challenge demonstrates unique UI elements, animations, and transitions to create interactive and visually appealing apps.
+
+Thanks for visiting! Don't forget to **star ⭐** the repository if you like the projects!
+
+###### Contact for work, email: chunhthanhde.dev@gmail.com
+
+<br>
+
+[![Flutter Journey][logo_black]][flutter_journey_link_black]
+[![Flutter Journey][logo_white]][flutter_journey_link_white]
+
+<br>
+
+![GitHub stars](https://img.shields.io/github/stars/Flutter-Journey/Flutter-UI-Challenge?style=social)
+![GitHub forks](https://img.shields.io/github/forks/Flutter-Journey/Flutter-UI-Challenge?style=social)
+![GitHub watchers](https://img.shields.io/github/watchers/Flutter-Journey/Flutter-UI-Challenge?style=social)
+
+<a href="https://www.linkedin.com/in/chunhthanhde/">
+<img src="https://img.shields.io/badge/Support-Recommend%2FEndorse%20me%20on%20Linkedin-blue?style=for-the-badge&logo=linkedin" alt="Support me on LinkedIn" />
+</a>
+
+<a href="https://www.buymeacoffee.com/chunhthanhde" target="_blank"><img src="https://www.buymeacoffee.com/assets/img/custom_images/yellow_img.png" alt="Buy Me A Coffee" style="height: 41px !important;width: 174px !important;box-shadow: 0px 3px 2px 0px rgba(190, 190, 190, 0.5) !important;-webkit-box-shadow: 0px 3px 2px 0px rgba(190, 190, 190, 0.5) !important;" ></a>
+
+## 📝 Requesting a New Challenge
+
+Click [here](https://github.com/Flutter-Journey/Flutter-UI-Challenge/issues/new?assignees=&labels=feature&projects=&template=feature_request.yaml&title=feat%3A+) to request a new challenge.
+
+<p align="center">
+  <a href="https://github.com/Flutter-Journey/Flutter-UI-Challenge/issues/new?assignees=&labels=feature&projects=&template=feature_request.yaml&title=feat%3A+">
+    <img src="media/image/request_challenge.png" alt="Request a new challenge" style="max-height: 350;">
+  </a>
+</p>
+
+
+Make sure to describe the context and requirements of your challenge in detail.
+
+
+## 🏆 Challenges Overview
+
+| Challenge | Description | Screenshots | Link |
+| --------- | ----------- | ----------- | ---- |
+| Challenge 1: Movie Selection | A movie selection screen with a horizontal sliding effect. Click to view detailed information including description, ticket price, and showtimes. | ![Screen](movie_selection_screen/media/screen1.png) | [Demo Video](https://youtube.com/shorts/cHObOQJJ9vA) |
+
+
+## 📂 Requirements
+
+Each project may have specific requirements and dependencies. Please refer to the individual challenge README for setup instructions.
+
+## ⭐ Star History
+
+<div align="center">
+
+<a href="https://star-history.com/#Flutter-Journey/Flutter-UI-Challenge&Date">
+ <picture>
+   <source media="(prefers-color-scheme: dark)" srcset="https://api.star-history.com/svg?repos=Flutter-Journey/Flutter-UI-Challenge&type=Date&theme=dark" />
+   <source media="(prefers-color-scheme: light)" srcset="https://api.star-history.com/svg?repos=Flutter-Journey/Flutter-UI-Challenge&type=Date" />
+   <img alt="Star History Chart" src="https://api.star-history.com/svg?repos=Flutter-Journey/Flutter-UI-Challenge&type=Date" />
+ </picture>
+</a>
+
+#### 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 [Flutter Journey](https://github.com/Flutter-Journey)
+
+</div>
+
+[logo_black]: https://github.com/Flutter-Journey/.github/raw/main/media/logo_black.png#gh-dark-mode-only
+[logo_white]: https://github.com/Flutter-Journey/.github/raw/main/media/logo_white.png#gh-light-mode-only
+[flutter_journey_link_white]: https://github.com/Flutter-Journey#gh-light-mode-only
+[flutter_journey_link_black]: https://github.com/Flutter-Journey#gh-dark-mode-only
+
+
+