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.
![](https://private-user-images.githubusercontent.com/4975360/253384245-da6466c3-dd26-4cd0-ab24-21ee5f08eb9c.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQyNDY0NTUsIm5iZiI6MTcyNDI0NjE1NSwicGF0aCI6Ii80OTc1MzYwLzI1MzM4NDI0NS1kYTY0NjZjMy1kZDI2LTRjZDAtYWIyNC0yMWVlNWYwOGViOWMucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDgyMSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA4MjFUMTMxNTU1WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9NzU5M2M3NzViZGFlZmYyNzU2ZmNmOWYwYWVjYWJkZWIxOTk3MDI0NjFkZjdlNThlNzE4N2ZiODY1OTk2ZTBjYyZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.CPLFYyyp2jMxxRYzyMWmSVqvcNRnis57gUI_eNGBwE8)
Terminal 1
json-server --watch db.json
Terminal 2
git clone https://github.com/edpadua/authentication
cd expenses
npm i
npm run dev
Distributed under the MIT License. See LICENSE.txt
for more information.
Eduardo de Pádua: ed.padua@gmail.com