Posts

Flutter Tutorial: Firebase (Cloud Firestore)

Image
Today, we are going to see how to connect to Firebase (Cloud Firestore) using flutter. Before we start, let's take take a look in some question below What is Firebase ? Firebase is a mobile and web application development platform developed by Firebase, Inc. in 2011, then acquired by Google in 2014 What is Cloud Firestore? is a NoSQL document database that lets you easily store, sync, and query data for your mobile and web apps - at global scale. What we what to create from this technology? We want to create a simple application called movie votes. From this very basic application, we will see how to configure Firebase which will ready for our project and how to perform get/insert/update/delete operation into Firebase (Cloud Firestore) using flutter. So, let's start... 1. Create new project Start to create a project name tutorial_firebase by run below command in command promt: 2. Clean up your basic code Once all set, open project using your favorite IDE (

Flutter: To-do List App (Part 4) - PageView Navigation

Image
Project Structure Source Code lib/widgets/custom_modal_action_button.dart lib/widgets/custom_icon_decoration.dart lib/widgets/custom_date_time_picker.dart lib/pages/add_task_page.dart lib/pages/add_event_page.dart lib/pages/event_page.dart lib/main.dart

Flutter: To-do List App (Part 3) - Add Page

Image
Project Structure Source Code lib/main.dart lib/widgets/custom_button.dart lib/widgets/custom_textfield.dart lib/pages/add_task_page.dart lib/pages/add_event_page.dart

Flutter: To-do List App (Part 2) - Events Page

Image
Project Structure Source Code lib/main.dart lib/pages/task_page.dart lib/pages/event_page.dart

Flutter: To-do List App (Part 1) - Tasks Page

Image
Project Structure Source Code pubspec.yaml lib/main.dart