Add readme to project

- Add readme
- Fix profile image path in delivery_app
- Fix container in the smile icon in facebook_ui

README.md

@@ -1,16 +1,52 @@
-# flutter_samples
+![Project Banner](https://i.ibb.co/dj2QR6D/project-banner.png "Project Banner")
 
-Flutter apps samples
+[![style: very good analysis](https://img.shields.io/badge/style-very_good_analysis-B22C89.svg)](https://pub.dev/packages/very_good_analysis)
+![Dart version](https://img.shields.io/badge/Dart-2.12.0-blue "Dart version")
+![Project status](https://img.shields.io/badge/status-in%20progress-green "Project status")
+![Project License](https://img.shields.io/badge/License-MIT-orange "Project License")
 
-## Getting Started
+If you like it the content please show me your support :heart: with a star :star:
 
-This project is a starting point for a Flutter application.
+## **Description**
+This project contains some sample applications created with Flutter, mainly clones of designs obtained from **dribbble and behance.**
 
-A few resources to get you started if this is your first Flutter project:
+---
 
-- [Lab: Write your first Flutter app](https://flutter.dev/docs/get-started/codelab)
-- [Cookbook: Useful Flutter samples](https://flutter.dev/docs/cookbook)
+## :rocket: **Getting Started**
+1. If you don't have Flutter, you can find information for install it here! **[Install Flutter](https://flutter.dev/docs/get-started/install)** 👈 👈
+2. Open your terminal and clone this repository in your computer with this command: ```git clone https://github.com/moisessc/flutter_samples.git```
+3. Now go to the cloned repository folder with: ```cd flutter_samples``` 
+4. At this moment, all the code is in the develop branch, you should position yourself in that branch with the following command: ```git checkout develop ```
+5. It's time to get all the dependencies, you can do it typing in your terminal: ```flutter pub get```
+6. Make sure your device or emulator is initialized and execute this command: ```flutter run``` and enjoy the samples 🙌
 
-For help getting started with Flutter, view our
-[online documentation](https://flutter.dev/docs), which offers tutorials,
-samples, guidance on mobile development, and a full API reference.
+---
+
+## :iphone: **Flutter clone designs**
+
+### **Delivery App :pizza:**
+| **Principal screen** | **Details Screen** |
+| --- | --- |
+| ![Delivery App](https://i.ibb.co/NK7Xfs3/deliberyapp1.gif) | ![Delivery App Details](https://i.ibb.co/3ssMyDt/deliveryapp2.gif) |
+
+| **Package in the project** | **Design** |
+| --- | --- |
+| delivery_app | [Food Delivery service - Mobile App](https://dribbble.com/shots/14601764-Food-Delivery-service-Mobile-App) |
+
+---
+
+### **Facebook Redesign by Mao Lop**
+### Light Mode :sunny:
+| **Home screen** | **Profile screen** | **Settings screen** |
+| --- | --- | --- |
+|![Home](https://i.ibb.co/GC5Wqbt/home.gif)|![Profile](https://i.ibb.co/BfJ74qv/profile.gif)|![Settings](https://i.ibb.co/3rtK5tt/settings.gif)|
+
+### Dark mode :new_moon:
+| **Home screen** | **Profile screen** | **Settings screen** |
+| --- | --- | --- |
+|![Home Dark](https://i.ibb.co/6FTDT1f/homedarkmode.gif)|![Profile Dark](https://i.ibb.co/C9kDFzG/profiledarkmode.gif)|![Settings Dark](https://i.ibb.co/b2VJPJ1/settingsdarkmode.gif)|
+
+
+| **Package in the project** | **Design** |
+| --- | --- |
+| facebook_ui | [Facebook Redesign Dark Mode](https://dribbble.com/shots/15484818-Facebook-Redesign-Dark-Mode)|

lib/delivery_app/screens/main_screen_delivery_food.dart

@@ -95,7 +95,7 @@ class __HomeScreenState extends State<_HomeScreen>
 
   @override
   Widget build(BuildContext context) {
-    const profileImage = 'assets/delivery_app/images/profile_image.jpg';
+    const profileImage = 'assets/common/images/profile_image.jpg';
     const menuIcon = 'assets/delivery_app/icons/menu.svg';
     final responsive = Responsive.of(context);
 

lib/facebook_ui/widgets/header_app.dart

@@ -238,8 +238,8 @@ class _PostBar extends StatelessWidget {
         ),
         ClipOval(
           child: Container(
-            height: responsive.widthPercent(4.5),
-            width: responsive.heightPercent(4.5),
+            height: responsive.widthPercent(5),
+            width: responsive.widthPercent(5),
             decoration: const BoxDecoration(
               shape: BoxShape.circle,
               image: DecorationImage(