Update README.md file.

README.md

@@ -1,25 +1,26 @@
 # TODO application
 
-**TODO** apllication for **CS50** final project.
+**TODO** apllication for **CS50** final project with flutter framework.
 
 #### Video Demo:  https://youtu.be/91qB2TgGXTc
 
 #### Description:
 This is my Final project for ***CS50*** course. This is a **TODO** list application for **Mobile**(Android and iOS), **Desktop**(Windows, Linux and MacOS) and **Web** with **Flutter** framework.
 
-You may ask me **What is a TODo list?** The answer is simple: To Do list is a list of tasks you want to complete, or tasks you want to do.
+You may ask me **What is a TODo list?** The answer is simple: To Do list is a list of tasks you want to complete, or tasks you want to do and this application helps you to manage your tasks.
 
 About **Flutter** (From documentation):
-- Flutter is an open source framework by Google for building beautiful, natively compiled, multi-platform applications from a single codebase.
+- Flutter is an open source framework by **Google** for building beautiful, natively compiled, multi-platform applications from a single codebase.
 - Flutter code compiles to ARM or Intel machine code as well as JavaScript, for fast performance on any device.
 - Flutter is powered by Dart, a language optimized for fast apps on any platform
 - ...
 
-In this application to save TODOs in mobile storage I used Hive database and as you know Hive is a Fast, Enjoyable & Secure NoSQL Database.
+In this application to save TODO objects in device storage I used Hive database and as you know Hive is a Fast, Enjoyable and Secure NoSQL Database.
 
 About **Hive** (From documentation):
 - Hive is a lightweight and blazing fast key-value database written in pure Dart. Inspired by Bitcask.
 - All data stored in Hive is organized in **boxes**. A box can be compared to a table in SQL, but it does not have a structure and can contain anything.
+- Cross platform: mobile, desktop, browser.
 - ...
 
 To save TODOs with Hive, I make my TODO model like this:
@@ -45,3 +46,49 @@ class TODO extends HiveObject {
   TODO({required this.id, required this.name, required this.time});
 }
 ```
+I actually used material design for building ui/ux. Another beautiful feature in my project is dark mode supporting, application detects theme mode of the device then apply the correct(light or dark) theme.
+For dark mode I added this to the MaterialApp:
+```dart
+darkTheme: ThemeData(
+        brightness: Brightness.dark,
+      ),
+```
+
+### This is my app logo: 
+![Image](./assets/icon/icon.png)
+
+## Here is a preview of my application in Mobile:
+
+#### This is the empty main page:
+![Image](./ScreenShots/android1.jpg)
+
+#### When you want to create a new TODO you should fill in these fields.
+![Image](./ScreenShots/android2.jpg)
+
+#### When you want to choose a date for the TODO you should select your date from this page.
+![Image](./ScreenShots/android3.jpg)
+
+
+#### If you want to delete a TODO after click on delete icon, youo chould press the delete text to confirm deleting TODO.
+![Image](./ScreenShots/android4.jpg)
+
+## Here is a preview of my application in Desktop(Windows):
+
+#### This is the main page with some TODOs
+![Image](./ScreenShots/windows1.png)
+
+#### This is date picker for adding a new TODO
+![Image](./ScreenShots/windows2.png)
+
+#### This is the warning message to confirm deleting the TODO
+![Image](./ScreenShots/windows3.png)
+
+## At last its turn to take a look at a preview of my application in Web or PWA app (in dark mode):
+
+#### This is a dark view from main page and adding TODO
+![Image](./ScreenShots/webpwa1.png)
+
+#### This is a dark view from confirm deleting warning.
+![Image](./ScreenShots/webpwa2.png)
+
+#### This was my ptoject for CS50 course.