-
Notifications
You must be signed in to change notification settings - Fork 1
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[feat] User Auth: Created a simple login page that supports sign up and sign in. #5
Conversation
app/(auth)/login/page.tsx
Outdated
<button type="button" onClick={handleSignUp}> | ||
Sign up | ||
</button> | ||
<button type="button" onClick={signInWithEmail}> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I think this looks good, maybe could put some identifier for where the email goes and where the password goes for signup/login
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
good point! maybe consider creating a placeholder for each of the text inputs
e.g. https://developer.mozilla.org/en-US/docs/Web/CSS/::placeholder
<input placeholder="Email" />
and <input placeholder="Password" />
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
looking good! even tho we don't have the final designs, it would be nice to have some way to confirm that sign up / sign in has worked.
- for now, maybe u can route the user to home page after clicking either button
- maybe add a placeholder to both inputs to distinguish them for now.
- you can consider creating some general styles (e.g. centering each input/button etc) to practice Styled Components!
Apart from the previous comments it looks good and tests great for me! |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
looks great! thanks rachael! let's merge it in today
What's new in this PR 🧑🌾
Description
Create a very simple login page that supports sign up and sign in.
Screenshots
How to review
Next steps
Relevant links
Online sources
Related PRs
CC: @ccatherinetan