The Login screen

The Login window will be the first view that we are going to implement in this project. We are going to build it step-by-step, as follows:

• The user will enter the username and password to log in
• Client-side validation (username and password required to log in)
• Submit the login form by pressing Enter
• Encrypt the password before sending to the server
• Password Caps Lock warning (similar to Windows OS)
• Multilingual capability

Except for the multilingual capability, which we are going to implement in the next chapter, we will implement all the other features throughout this topic. So at the end of the implementation, we will have a Login window that looks as follows:

So let's get started!