Improve Ui of Login And Sign up Form

[iamsohelx]

Hii @Anuj3553 in your website we can improve the ui of from making the user experience even better and adding smooth animation and transition on buttons.

Screenshot

[iamsohelx]

Hii @Anuj3553 Could you please assign this task to me. i wanted to work on this issue. : )

[Anuj3553]

Thank you for your suggestion, @iamsohelx! Improving the UI and adding smooth animations and transitions sounds like a great idea to enhance the user experience. I have assigned this task to you. Looking forward to your updates!

[iamsohelx]

@Anuj3553 Thank you brother.

it it good or should i change something?

[Anuj3553]

Can you design like this @iamsohelx ?

[iamsohelx]

@Anuj3553 yeah sure

[Anuj3553]

I will provide code of designs if you needed ensure that login and signup is working.

[iamsohelx]

Ohh sure brother please give me code @Anuj3553

[Anuj3553]

Login Page -> import React from 'react';

const Login = () => { return (

{/* Left section (form) */}

LOGIN

{/* Login heading underline */}

{/* Username */}

{/* Links and buttons */}

Forgot Password Create Account

{/* Login Button */}

LOGIN

{/* Sign-up text */}

Don't have an account?{' '} Sign Up

{/* Right section (welcome text) */}

WELCOME BACK !

Lorem ipsum is simply dummy text of the printing and typesetting industry. Lorem ipsum has been the industry's standard dummy.

);

};

export default Login;

Singup Page ->

import React from "react";

const Signup = () => { return (

{/* Left Section */}

WELCOME BACK !

Lorem ipsum is simply dummy text of the printing and typesetting industry. Lorem ipsum has been the industry's standard dummy.

{/* Right Section (Form) */}

SIGN UP

{/* Signup heading underline */}

{/* Full Name */}

{/* Email */}

{/* Phone */}

{/* Password */}

{/* Confirm Password */}

{/* Submit Button */}

SUBMIT

{/* Login Prompt */}

Already have an account?{" "} Login

);

};

export default Signup;

[iamsohelx]

@Anuj3553 Thank you

[Anuj3553]

Hyy @iamsohelx,

Please give me screen recording of your implementation after completed.

[iamsohelx]

@Anuj3553 Yeah sure brother, could you please give this level 2

[iamsohelx]

@Anuj3553 is it good or should i add something?

[Anuj3553]

Can you change color - blue as our website color pallate and under welcome text please give more text as well as give more width...please provide the video of your work.

[Anuj3553]

@Anuj3553 Yeah sure brother, could you please give this level 2

No i can provide only label - level1 for this work .

[iamsohelx]

Can you change color - blue as our website color pallate and under welcome text please give more text as well as give more width...please provide the video of your work.

Yeah sure

[iamsohelx]

@Anuj3553 Yeah sure brother, could you please give this level 2

No i can provide only label - level1 for this work .

No problem

[iamsohelx]

@Anuj3553 Now brother?

Video

Brother I can not send you the video here because, it only can send files less than 10 mb, give me your WhatsApp number I will send then

[Anuj3553]

@Anuj3553 Now brother?

Video

Brother I can not send you the video here because, it only can send files less than 10 mb, give me your WhatsApp number I will send then

8081718102

[iamsohelx]

@Anuj3553 Now brother?

Video

Brother I can not send you the video here because, it only can send files less than 10 mb, give me your WhatsApp number I will send then

8081718102

Done

[Anuj3553]

Well done, @iamsohelx, on completing the issue! 🎉 Your efforts are truly valued. Keep up the great work, and continue contributing your talents!

[iamsohelx]

Well done, @iamsohelx, on completing the issue! 🎉 Your efforts are truly valued. Keep up the great work, and continue contributing your talents!

Thank you so much 😊

[Anuj3553]

Hyy @iamsohelx, Can you do star mark this repo?

[iamsohelx]

@Anuj3553 Yeah sure brother

[iamsohelx]

Hyy @iamsohelx, Can you do star mark this repo?

Done ✅