[feat] introduces simple onboarding form

[rahihazra]

🎋 Description

This PR creates a simple "create profile" form, that takes first/last names and then inserts a corresponding profile row to the profiles table in supabase.

🌴 What's new in this PR

• header: "Create Profile Form"
• two text boxes: "First Name:" and "Last Name:"
• mock data for the rest of the profile fields are inputted into the supabase table
• after clicking submit, the text boxes clear and are ready to take in new inputs

🌲 Screenshots

🌳 How to review

• there is only 1 file to review: src/app/profile/page.tsx
• go to the localhost page thingy, and there should be a heading that says "Create Profile Form"
• there should be 2 text boxes with "First Name:" and "Last Name:" in front of them
• you should be able to input values for both, and once you click submit, the text boxes should be cleared
• once you have clicked submit, to make sure the values were inputted into the profiles table, go to supabase and look for a bunch of "blahs" for many of the row values, in addition to the first and last name you manually entered

🌱 Next steps

We're going to need to expand this form to take in more values for the other attributes of the user profile, and it will also obviously need formatting and styling.

🔗 Relevant Links

ℹ️ Online sources

🪴 Related PRs

CC: @pragyakallanagoudar

[linear]

IJP-19 Simple create profile form.

Routes:

/app/create-profile (src/app/create-profile/page.tsx)

/api/supabase/queries (src/api/supabase/queries)

Task:

Create a simple, unstyled form to create a new profile. Include text entry boxes for just the following profile attributes:

• first_name
• last_name

IJP-29 is complete, so the name should now be part of the profile schema. Make sure you pull the latest main branch and work off of that (let me know if you need support with this!)

(The way the other attributes will be handled is pending more information from Ambreen, so we will not write any code for that right now.)

Generate a random user_id for the new profile, and hardcode all of the other attributes to whatever you want.

Add a submit button at the bottom. When the button is pressed, call the method you wrote in /api/supabase/queries to add the new user profile to the profiles table.

[ccatherinetan]

We probably want to delete all console.log's before merging!

[rahihazra]

ma'am yes ma'am

[ccatherinetan]

This is looking really good! The profile pages isn't working for me (which would be nice to fix), but create-profile is working! Just make sure that we're requiring them to input both first and last name (see comment) :)

[ccatherinetan]

Can I ask what this function does, and why we are deleting the First Name and Last Name?
Is it because we're now collecting First and Last Name in the Create Profile page?

[ccatherinetan]

Are we allowing users to not input a first name or a last name? This line allows user to have either first or last (rather than requiring them to have both). Change to !firstName || !lastName if we want to require both first and last?

[rahihazra]

ugh such good feedback THANKS!!

[pragyakallanagoudar]

github is not letting me comment on the actual line lol but can we comment out line 38, i.e.

await insertProfile(mockProfile);

as part of this PR?

cc @jinkang-0 on this thread

[rahihazra]

yes ma'am

[jinkang-0]

I resolved the merge conflict with package-lock.json (even though it's literally all incoming changes..)
@rahihazra make sure you delete package-lock.json on your computer then git pull this branch (git pull origin rahi/ijp-19...) so it avoids the merge conflicts!

[davidqing6432]

Looking great rahi!!! great work!