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

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

florinpop17 profile image Florin Pop Updated on ใƒป1 min read

Theme of the week: Sign in/up form


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! ๐Ÿ˜‡

Posted on by:

florinpop17 profile

Florin Pop


Purple Popper ๐Ÿ’œ, Coding enthusiast ๐Ÿ’ป, YouTuber youtube.com/florinpop ๐Ÿ˜, Streamer twitch.tv/florinpop17 โŒจ - Discord discord.gg/qSse3Ey ๐Ÿ‘จโ€๐Ÿ‘ฉโ€๐Ÿ‘งโ€๐Ÿ‘ฆ


Editor guide

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


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