Create Account

[tonklable]

User story

• Now, the interface to create new user, is not set properly.
• TK needs a way to create his account.

Solution

• Create the new file called "Login.jsx" (or any) in components folder.
• There is a button to log-in at the top right corner (maybe included in navbar.jsx).
• After clicking button, a log in modal appears (from Login.jsx may refer to Modal.jsx for Modal guideline). The log in modal has the "Do not have account?" (or any better sentence) leading to the registration modal.
• The registration modal collects data according to the data model at "/Members" in Firebase.
• There may be an email authentication.
• (Optional: Log In Joining) Page can remember the user who logged in, so they do not have to type their name to join event.

Alternative

• There is a button to create user.
• After clicking button, a user creating page appear (may refer to Modal.jsx for Modal guideline).
• The user creating page collects data according to the data model at "/Members" in Firebase.

[tonklable]

Features list

• Sign in with password
• User cannot set the same username and email as the existing one

Preferable alternative: Google-Firebase login

• Google-Firebase login according to P'Korn-P'Nop only seems fine.
• It's for for authentication, so we still need username and email.
• Flow: Sign up by Google/Firebase -> Sign up successful -> Set up username -> Keep email and username in Firebase