Skip to content

feat(auth): add login and signup pages with validation#8

Closed
Yaswanth1832K wants to merge 11 commits into
mainfrom
feat/auth-pages
Closed

feat(auth): add login and signup pages with validation#8
Yaswanth1832K wants to merge 11 commits into
mainfrom
feat/auth-pages

Conversation

@Yaswanth1832K

@Yaswanth1832K Yaswanth1832K commented Feb 1, 2026

Copy link
Copy Markdown
Collaborator
Screenshot 2026-02-01 173257 Screenshot 2026-02-01 173404 - Login page UI with password visibility toggle - Signup page with validation and password strength indicator - Email validation and form-level error handling - Styled authentication pages (auth.css)

Comment thread frontend/src/routes/_layout.index.tsx
Comment thread frontend/src/routes/auth.css Outdated
@@ -0,0 +1,168 @@
body {
margin: 0;

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Why does the auth page have a seperate css . Is it a required file?
Otherwise add every styling as a tailwindcss class

Comment thread frontend/src/routes/signin.tsx Outdated
/>
{password.length > 0 && (
<span className="eye" onClick={() => setShowPassword(!showPassword)}>
{showPassword ? "✖" : "👁️"}

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Make use of lucide-react icons only , do not use emojis

Comment thread frontend/src/routes/signin.tsx Outdated
return;
}

if (!email.includes("@")) {

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Use zod for validation
https://zod.dev/

Comment thread frontend/src/routes/signup.tsx
@adar-ssh

adar-ssh commented Feb 2, 2026

Copy link
Copy Markdown
Collaborator

Do not edit the styles.css file. Revert the file to the previous version

Comment thread frontend/src/styles.css

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I recommend sticking with OKCLH over HSL .It has better color accuracy compared to HSL

@Nandgopal-R Nandgopal-R closed this Feb 4, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants