Skip to content

Add SignIn Page#26

Open
shwetap3000 wants to merge 4 commits intodinesh-2047:mainfrom
shwetap3000:Add/Signin-page
Open

Add SignIn Page#26
shwetap3000 wants to merge 4 commits intodinesh-2047:mainfrom
shwetap3000:Add/Signin-page

Conversation

@shwetap3000
Copy link

@shwetap3000 shwetap3000 commented Aug 13, 2025

PR: Add Sign-In Page with Animated Purple Theme

Description

This PR adds a fully functional Sign-In page featuring a modern, animated purple gradient theme and a glassmorphism-styled card for authentication.

Fixes : #14

Changes

  • Created SignIn.jsx component with email and password fields.
  • Implemented form state handling using React useState.
  • Added animated purple gradient background using CSS linear-gradient and keyframe animation.
  • Applied glassmorphism styling with backdrop-filter for a clean UI.
  • Ensured responsive, centered layout for all screen sizes.

Preview

The page displays:

  • A shifting purple gradient background.
  • A semi-transparent sign-in card with smooth hover effects.
  • Email and password fields with basic validation.

image

@shwetap3000
Copy link
Author

Hii @dinesh-2047 ..!!
Please review this and let me know if any improvements are needed.

@vercel
Copy link

vercel bot commented Aug 13, 2025

@shwetap3000 is attempting to deploy a commit to the Dinesh Bhardwaj's projects Team on Vercel.

A member of the Team first needs to authorize it.

@dinesh-2047
Copy link
Owner

@shwetap3000
ChatGPT Image Aug 14, 2025, 04_46_43 PM

This is very basic and doesn't match the UI. Create something like the one shown in the image above

@shwetap3000
Copy link
Author

@dinesh-2047 Okayy..No prob..!!

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.

Add a sign-in page to the frontend

2 participants