Changed the UI

README.md

@@ -1,14 +1,18 @@
 <div align="center">
 
+> The vision of this project is to assist forest officials for tree census by tagging each tree with proper location (latitude and longitude), tree type, and other arguments. There is a further plan to apply data analysis over the collected data.
+
+### This project is based on:
+* Flutter-based app:  In this app, the user can tag the tree by locating or going to the exact location and then feeding the latitude and longitude details along with the other parameters. Once the data is stored, it will generate a unique key and a QR code for the same, so that later on we can refer to that tree by that code itself.
+* A data analysis system with Web App interface to the collected data and applying a machine learning model to predict different aspects.
+=======
 ![Forks](https://img.shields.io/github/forks/CodeFlow201/forestTreesTagging)
 ![Stars](https://img.shields.io/github/stars/CodeFlow201/forestTreesTagging)
 ![Issues](https://img.shields.io/github/issues/CodeFlow201/forestTreesTagging)
 ![Pull Requests](https://img.shields.io/github/issues-pr/CodeFlow201/forestTreesTagging?)
 
 # 🌳Trees🌳 <br> 🔖Tagger🔖 <br> App & Analysis Software
 
-> The vision of this project is to assist forest officials for tree census by tagging each tree with proper location (latitude and longitude), tree type, and other arguments. There is a further plan to apply data analysis over the collected data.
-
 </div>
 
 ## Focused Area:🧐
@@ -17,10 +21,12 @@
 * A data analysis system with Web App interface to the collected data and apply a machine learning model for prediction of different aspects.
 
 
+
 ## Tech Stack:⚙️
 <img alt="Flutter" src="https://img.shields.io/badge/Flutter%20-%2302569B.svg?&style=for-the-badge&logo=Flutter&logoColor=white" />	<img alt="Dart" src="https://img.shields.io/badge/dart-%230175C2.svg?&style=for-the-badge&logo=dart&logoColor=white"/>	<img alt="Firebase" src="https://img.shields.io/badge/firebase%20-%23039BE5.svg?&style=for-the-badge&logo=firebase"/>	
 
 ## Problem Statement:📋
+
 * Digital transformation for maintaining the record of forest trees.
 * QR code generation for unique identification of every tree.
 * Data storage, which can be maintained easily over cloud storage or even local storage.
@@ -37,9 +43,11 @@ Either by watching tutorial [Trees Tagging App](https://youtu.be/1KWwgAF0LXY), o
 2. Open Android Studio and select 'Import from version control' and enter the repo's git URL.
 3. Navigate to any file which shows 'Missing class' errors, and click on the 'Get dependencies' button on the yellow ribbon at the top.
 
+
 The repo's codebase is now setup on your local machine, and you can make changes to it and push them to the git repo.
 
 
+
 ## Contributors:👨🏻‍💻
 ### Credits goes to these people✨
 

lib/components/WelComePage.dart

@@ -18,7 +18,7 @@ class _WelcomeState extends State<Welcome> {
             children: <Widget>[
               Container(
                 margin: EdgeInsets.only(
-                    top: MediaQuery.of(context).size.height / 10),
+                    top: MediaQuery.of(context).size.height / 15),
                 child: Image(
                   image: AssetImage("assets/images/palm-tree-outline.png"),
                   height: 200,
@@ -54,7 +54,9 @@ class _WelcomeState extends State<Welcome> {
                     fontSize: 18.0,
                     fontStyle: FontStyle.italic,
                     fontWeight: FontWeight.w500,
-                    color: Color.fromRGBO(0, 0, 200, 1),
+
+                    color: Color(0xffFA1B5D),
+
                     letterSpacing: 1.0,
                   ),
                 ),

lib/components/homeScreen.dart

@@ -184,7 +184,7 @@ class _HomeScreen extends State<HomeScreen> {
                       alignment: Alignment.center,
                       child: CircleAvatar(
                         radius: 100,
-                        backgroundColor: Colors.lightBlueAccent,
+                        backgroundColor: Colors.black,
                         child: ClipOval(
                           child: SizedBox(
                             width: 192.0,
@@ -194,14 +194,18 @@ class _HomeScreen extends State<HomeScreen> {
                         ),
                       ),
                     ),
-                    Container(
+                     Container(
                       alignment: Alignment.center,
                       margin: EdgeInsets.only(top: 150, left: 173),
+
+                      decoration: BoxDecoration(
+                        color: Colors.black,
+                        shape: BoxShape.circle,),
                       child: IconButton(
                         icon: Icon(
                           Icons.camera_alt_rounded,
                           size: 30.0,
-                          color: Colors.black54,
+                          color: Colors.white,
                         ),
                         onPressed: () {
                           print("Camera pressed");

lib/components/myflatButton.dart

@@ -22,7 +22,9 @@ class MyFlatButton extends StatelessWidget {
         child: Text(
           text,
           style:
-              TextStyle(color: Colors.lightGreen, fontWeight: FontWeight.bold),
+
+          TextStyle(color: Colors.white, fontWeight: FontWeight.bold,letterSpacing: 1,fontSize: 16),
+
         ),
         shape: RoundedRectangleBorder(
             side: BorderSide(color: Colors.green, width: 3.0),

lib/components/scannerPage.dart

@@ -20,6 +20,7 @@ class ScannerPageState extends State<ScannerPage> {
   Widget build(BuildContext context) {
     return Material(
         child: Container(
+
       child: Center(
         child: Padding(
           padding: const EdgeInsets.only(top: 40),
@@ -83,6 +84,7 @@ class ScannerPageState extends State<ScannerPage> {
                   endIndent: 0,
                 ),
               ),
+
               StreamBuilder(
                 stream: TreeProvider().getTrees().asStream(),
                 builder:
@@ -105,6 +107,7 @@ class ScannerPageState extends State<ScannerPage> {
                 },
               )
             ],
+
           ),
         ),
       ),

pubspec.yaml

@@ -70,8 +70,11 @@ flutter:
     - assets/images/sample_profile_image.jpg
     - assets/images/palm-tree-outline.png
     - assets/images/upload.png
+    - assets/images/login.png
+    - assets/images/scan.png
     - assets/images/loading.gif
 
+
     # An image asset can refer to one or more resolution-specific "variants", see
     # https://flutter.dev/assets-and-images/#resolution-aware.