form-validation-and-cookie-setup | Log in with cookie set up

This challenge is to create a password protected page with a login window. Name-password combinations will be checked. A cookie is set if the login is successful.

Try:

• username: admin
• pasword: 1234

Storing passwords publicly and unencrypted in JavaScript variables is not a common practice. This is just a simplified example of authentication!

Table of contents

• Overview
  • The challenge
  • Links
• My process
  • Built with
• Author
• Acknowledgments

Overview

The challenge

Create a login form in a modal:

• if you enter a valid name-password combination, the content behind it becomes visible
• the password is case-sensitive, the username is not
• the name of the currently logged in user is displayed on the page
• a cookie is set if the login is successful
• ff the cookie is set, the user should not have to log in again
• clicking on the “Logout” button removes the cookie and the page closes

Links

• Solution URL: https://jenniferhubermayer.github.io/form-validation-and-cookie-setup/
• Live Site URL: https://jenniferhubermayer.github.io/form-validation-and-cookie-setup/

My process

Built with

• Semantic HTML5 markup
• SCSS
• Flex
• JavaScript

Author

• Website - https://github.com/jenniferhubermayer

Acknowledgments

This project has been realized as part of the super(c)ode "Front-End Boot-Camp 2022".