Vue.js Login Form

Vue.js Login Form

The completed test task utilizes several technologies including Vue.js third version, Vuex, VueRouter, Vuelidate, Axios, and Vuetify. The main objective of the task was to create two forms that allow users to register and log in to an existing account on the Firebase server.

The primary objective of the task was to create a login system that restricts access to the main page of the application until the user logs in. This was achieved by generating Firebase tokens during the login process.

The first form is designed for user registration, which requires users to enter their details such as email address, and password. Vuelidate is used to validate user input and ensure that all required fields are completed before the form is submitted to the Firebase server for registration.

The second form is used for user login, which requires users to enter their registered email address and password. Again, Vuelidate is used to validate user input and ensure that all required fields are completed before the form is submitted to the Firebase server for login.

Once a user logs in, Firebase tokens are used to authenticate the user, and Axios is used to access the server. The main page of the application is not available until the user logs in.

To enhance the visual appeal of the application, Vuetify is used to style the look of the forms, giving them a modern and professional appearance. Overall, this completed test task showcases the effective integration of several powerful technologies to create a robust and user-friendly web application that enables secure registration and login.