DEV Community ๐Ÿ‘ฉโ€๐Ÿ’ป๐Ÿ‘จโ€๐Ÿ’ป

DEV Community ๐Ÿ‘ฉโ€๐Ÿ’ป๐Ÿ‘จโ€๐Ÿ’ป is a community of 963,673 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
Cover image for Weekly Coding Challenge - Week #1 - Sign in/up Form
Florin Pop
Florin Pop

Posted on • Updated on • Originally published at florin-pop.com

Weekly Coding Challenge - Week #1 - Sign in/up Form

Theme of the week: Sign in/up form

Description

Most of the websites that require authentication will have some sort of sign in (login) and sign up (register) forms where you usually have to insert your email/username and password to be able to create a new account or to log in your existing account.

With that in mind, as a developer it's useful to know how to create such a component. Feel free to get your inspiration from the hundreds of thousand of examples out there.

It doesn't have to be complex with a ton of animations (although it would be nice). Just focus on the form part. You can even just build one form (the sign in or the sign up).

BUT, if you feel adventurous, you can go even further and add a full authentication system on top of it (back-end, database and all that fun stuff)! The sky is the limit! ๐Ÿš€

Useful Resources

Check out my submission for this challenge: Double Slider Sign in/up Form.

See all the submissions in this Codepen Collection.

Are you interested in joining the challenge? ๐Ÿ˜ƒ Read The Complete Guide to find out how. Don't forget to share your creation! ๐Ÿ˜‰

Happy Coding! ๐Ÿ˜‡

Top comments (2)

Collapse
 
batshub profile image
BatsHub

Shall certainly give this a shot. Of course taking acknowledgment from our client Haha!

Collapse
 
florinpop17 profile image
Florin Pop Author

That's great! Don't forget to share your work! ๐Ÿ˜ƒ

๐ŸŒš Friends don't let friends browse without dark mode.

Just kidding, it's a personal preference. But you can change your theme, font, etc. in your settings.

The more you know. ๐ŸŒˆ