The Login Page

I designed the MVP Login Page in Adobe XD and used PHP, JavaScript, and SASS to develop it as a part of the MVP Online plugin I created for MVP Sports Clubs. This page uses the WP template loader hook and URL rewrites to display the page, and uses the MVP Member Roster API to verify credentials over HTTPS.

The Main Login Page

This main page has a section for members to enter their username and passwords to log in. It also includes links to other sections of the login template to update passwords as well as a switch to remain logged in or only for the current session.

The forgot password page uses the Member Roster API to send an email to the user, which redirects back with a token in the URL. If the token is valid it allows the user to reset their password.