Skip to content

This project consists of a user registration form with name, email, password and confirmed password fields. . When clicking on the register button, each field is validated according to the expected data type, if valid the data is inserted into the simulated API created for this test.

Notifications You must be signed in to change notification settings

edpadua/Authentication

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 

Repository files navigation

Authentication

Summary

About

This project consists of a user registration form with name, email, password and confirmed password fields. . When clicking on the register button, each field is validated according to the expected data type, if valid the data is inserted into the simulated API created for this test.

Among the main purposes of this system is the use of the react-form-hook library together with the validation of the Yup library, with which it is possible to create a schema with the specifications of the expected values for each input field. In addition, for the styles, Tailwind CSS was used again, but this time together with the tailwind-styled-components library, which works in the same way as the traditional styled-components, but with Tailwind CSS classes. To simulate the Rest API, the JSONServer library was used as well as Axios to consume the API. The user login functionality would be the next step to be implemented.

As in the previous project, this one was developed with TypeScript.

Screeshot - Desktop

image

Screeshot - Tablet

image

Screeshot - Mobile

Technologies

Setup

Terminal 1

json-server --watch db.json

Terminal 2

git clone https://github.com/edpadua/authentication

cd expenses
npm i
npm run dev

License

Distributed under the MIT License. See LICENSE.txt for more information.

Contact

Eduardo de Pádua: ed.padua@gmail.com

About

This project consists of a user registration form with name, email, password and confirmed password fields. . When clicking on the register button, each field is validated according to the expected data type, if valid the data is inserted into the simulated API created for this test.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published