Cross Platform Native iOS & Android in Xamarin C# & Firebase

We begin with a new Blank Cross Platform App. We will also discuss the simulator we will be using throughout this project for either of the OSs. We will also set our deployment targets and versions for both iOS and Android and set the portrait or landscape modes. This app should be using shared library. In this lesson, we will also explore our project. For iOS, we will design and develop this app assuming a compilation on iPhone 6 and iOS 11 and for Android, we will do the same for Nexus 4 and Api 24

In this lesson, we will design our very first view controller. This Lists View Controller is the primary view that user sees when launching the app. It contains the various shopping lists that user has in a Table View as well as a button for a New List and also a button to login. We should rename our the ViewController to Lists View Controller and also change its designer (including register), re-attaching everything and testing out the simulator. In these early stages, it makes sense if you keep re-running our app to make sure you haven’t made any errors. If you wish to, you can copy the MainStoryboard file attached to this lesson and add it to your project.

In this lesson, we will first rename our main.axml to ListsLayout.axml and then design our interface. We should change a few things about the way it is presented as well. namely:
@anDroid:style/Theme.DeviceDefault.Light.NoActionBar in both layout editor as well as our manifest file.
In this lesson, we will rename the activity to ListsActivity and also connect the ListsLayout to its SetContentView as well as accessing our UI elements. We will also code 4 new methods; NewList, ProfileButton, ItemClick and ItemLongClick.

In this lesson, we will learn how table views and data sources work in iOS. We will leave the Data Source specific to this app for future lessons. We will only discuss what a Data Source is and how does it work in populating the data for a Table View.

In this lesson, we get to test our list view and see some values populated in it. 

In this non-programming lesson, we will look at how our data is structured.

In this lesson, we will add 3 new classes for our item, user and grocery list.

In this lesson, we will add our App Data class's starting elements. We would need to introduce and initialize our Current Lists as well as a dummy current user.

In this lesson, we will add our first list, we will not however write it to disk as we still don't have that function.

In this lesson, we want to access the newly created initial list.

In this lesson, we will add a new class and call it ListRowCustomAdapter. This custom adapter will help us shape our list view rows. In this lesson, we will use a little cheat and copy the content from an existing code base. We will of course go through the code. We will call the prepare first method form our app data and also get an object of the type ListRowCustomAdapter in our List View and use that to populate the list view.

By now, we have a list view interface where we can view our basic starter lists. Now let's try and add a new list. In here, once everything work, we will face a new issue and that is our app will not maintain its data between two sessions of the application. We will address that in our next section.

By now, we have a list view interface where we can view our basic starter lists. Now let's try and add a new list. In here, once everything works, we will face a new issue and that is our app will not maintain its data between two sessions of the application. We will address that in our next section.

In this lesson, we will have a quick look at why we have to record our data on the disk and what component we should add to do so.

In this lesson, we will add a new method to our app data where all of our lists get written to the disk using a json serialization. To write data, we will also introduce a new Offline Lists. In here, we will add NewtonSof Json to our common packages.

In this lesson, we will adjust our list view to properly read and write data to the disk. We will also make sure if we make a new list, it gets written to the disk.

In this lesson, we will adjust our list view to properly read and write data to the disk. We will also make sure if we make a new list, it gets written to the disk.

In this lesson, we will learn how to delete a list by dragging it.

In this lesson, we will learn how to delete a list by long clicking on it.

In this section we will add our items view controller and layout.

In this lesson, we head back to our storyboard and design our items interface.

In this lesson, we add a new layout for our items.

In this lesson, we will add our new Items View Controller and also connect all of our outlets.

In this lesson, we add a new activity and call it Items Activity. We set our content view and then get access to our various elements in the layout in our code. We add all of our buttons and their functions.

In this lesson, we will code the navigation to and back from items view controller.

In this lesson, we will code the navigation to and back from items view controller.

In this lesson, we will introduce our curList which is the list that we have clicked on in the lists activity. We will pass an argument through our prepareForSegue. In this lesson, we will also access the shared instance of the app data class.

In this lesson, we will introduce our curList which is the list that we have licked on in the previous activity. We will pass an argument through our intent and fetch the same in our items activity.

In this lesson, we will add the data source and delegate connections through this storyboard and also add the necessary protocols and the two required methods of number of rows and get cell.

In this lesson, we will add a new custom adapter to adapt our items array into a list view. Once again in here, we will use a little cheat to speed up our process.

In this lesson, we change the status of an item by clicking on it, we also write our data to disk after doing that.

In this lesson, we change the status of an item by clicking on it, we also write our data to disk after doing that.

In this lesson, we learn how to delete an item by dragging over it.

In this lesson, we learn how to delete an item by long clicking on it

In this lesson, we will learn how to add an item by pressing the done button on the text field.

In this lesson, we will learn how to add an item by pressing the done button on the text field.

In this lesson, we will look back at everything we have done so far and we try to make sense of everything we have done so far and how we could build on those.

In this lesson, we will look at our back-end data and why we would need them.

In this lesson, we will go through our Firebase console and change some of the rules and settings.

In this lesson, we write the code for our Firebase connection as well as our new onlineLists and data and users node.

In this lesson, we write the code for our Firebase connection as well as our new online Lists and data and users node.

In this lesson, we will learn how to add the various profile actions to our login button.

In this lesson, we will learn how to add the various profile actions to our login button.

In this lesson, we will use a little cheat to add our register alert view and Save user main values on cloud iOS

In this lesson we will authenticate user through Firebase and save user main values on cloud Droid

In this lesson and after registration, we will discuss how to change the local user.

In this lesson, we will learn how to save an entire list to our online back-end.

In this lesson, we will learn how to save an entire list to our online back-end.

In this lesson, we will write the alert view for our login menu. This code is little too long and also trivial, so we will use a little cheat in here,

In this lesson, we will write the alert view for our login menu. This code is little too long and also trivial, so we will use a little cheat in here,

In this lesson and after logging in, we continue with reading data.

In this lesson and after logging in, we continue with reading data.

In this lesson, we will write a comparison method to compare two sets of Lists.

Through setting our profile button, we can give our user a little feedback on whether they are online or offline.

Through setting our profile button, we can give our user a little feedback on whether they are online or offline.

In this lesson, we will learn how to add a new list on cloud.
..

Upom reflection it turns out we missed this
SaveItemOnCloud.Save(thisItem, thisList);
in Items Data Source, RowSelected

Item Clicked"}" data-sheets-userformat="{"2":897,"3":[null,0],"10":1,"11":3,"12":0}">In this lesson, we will learn how to add a new list on cloud. 

Upon reflection it turns out we missed this
SaveItemOnCloud.Save(thisItem, curList);
in Items Activity -> Item Clicked

In this lesson, we will learn how to delete a list or an item from cloud.

In this lesson, we will learn how to delete a list or an item from cloud.

In this lesson, we will code our log out method.

In this lesson, we will code our log out method.

This is also a good time to test all of our login, register methods once again. In here, we realize that we need to call our readData once again at the end of the register method. We will also test our application by manually adding an item to the cloud.