edpadua / Authentication

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.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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.


Languages

Language:TypeScript 81.1%Language:JavaScript 12.9%Language:HTML 5.2%Language:CSS 0.8%