Creating a CRUD App UI for Firestore

The form

In this lesson, we’re going to build a form that gathers more user data and stores it in Cloud Firestore. This information will be accessed on the same profile page we previously generated using the user IDs created during authentication. First, we need to decide the type of user information we need. For instance, in the spirit of environment conservation, let’s build a tree planting forum app.

Let’s start with gathering the user information we need in a tree planting forum app. We can request a user name, age, region, number of trees planted, and a short biography, limited to 200 words.

Designing the form UI

We start by creating a new user_form.dart Dart file and define a stateful widget called userForm.