As a beginner with vue and firebase, I'm working on a project that does not have authentication. My goal is to create a simple site with multiple input fields on each page, a button to upload files, and a "Next page" button at the end of each page. To illustrate, here's a brief example:
.
The first page includes:
- An input field for entering your name (e.g. John)
- A button to proceed to the second page
After clicking the button, firebase automatically generates a new collection with a unique ID.
.
On the second page, the plan is to display:
- Title - Welcome John
- An input field for entering your city
- A button to move to the third page
I have some questions: How can my program identify that the user's name is John on page 2? How can I link a specific ID with the current user so that I can later save their city in the same collection?
One solution I considered was using timestamps to retrieve the latest collection, but this could cause issues if multiple users are using the program simultaneously.
Does anyone have a better approach or solution for this?