Serasa Challemge

Leia em Português | Read in English

---

Documentação em Português

Este projeto envolve a criação de um formulário responsivo e interativo, desenvolvido como parte de um teste técnico para a Serasa. Utilizei uma combinação de tecnologias e ferramentas modernas, incluindo Next.js, TypeScript, React Hook Form, @hookform/resolvers, Yup, e TailwindCSS.

Tecnologias Utilizadas

• Next.js: Um framework React para construir aplicações web.
• TypeScript: Um superset de JavaScript que adiciona tipagem estática ao código.
• Tailwind CSS: Um framework CSS de utilitários para desenvolvimento rápido e flexível.
• React Hook Form: Uma biblioteca para formulários em React, com suporte a hooks.
• Yup: Uma biblioteca de validação de esquema em JavaScript.
• @hookform/resolvers: Uma biblioteca que permite a integração de esquemas de validação externos com React Hook Form.

Rotas Disponíveis

• / : Página inicial do formululário.

Instalação

Para executar este projeto localmente, siga as instruções abaixo:

1. Clone o repositório:

   git clone https://github.com/vagnermengali/serasa-challenge.git

2. Acesse o diretório do projeto:

   cd serasa-challenge

3. Instale as dependências:

   yarn install

4. Inicie o servidor de desenvolvimento:

   yarn dev

5. Acesse a aplicação no seu navegador através da rota:

   http://localhost:3000/

Acesse a aplicação no seu navegador através do seguinte endereço: http://localhost:3000/.

Implantação

Este projeto está disponível em: https://serasa-challenge-vagnermengali.vercel.app/

Contribuição

Contribuições são bem-vindas! Sinta-se à vontade para abrir um PR ou reportar problemas.

Se este projeto foi útil para você, considere deixar uma estrela (⭐) no repositório para apoiar o desenvolvimento.

Licença

Este projeto está sob a Licença MIT.

Documentation in English

This project involves the creation of a responsive and interactive form, developed as part of a technical test for Serasa. I used a combination of modern technologies and tools, including Next.js, TypeScript, React Hook Form, @hookform/resolvers, Yup, and TailwindCSS.

Technologies Used

• Next.js: A React framework for building web applications.
• TypeScript: A superset of JavaScript that adds static typing to the code.
• Tailwind CSS: A utility-first CSS framework for rapid and flexible development.
• React Hook Form: A library for forms in React, with hooks support.
• Yup: A JavaScript schema validation library.
• @hookform/resolvers: A library that allows the integration of external validation schemas with React Hook Form.

Available Routes

• /: Home page of the form.

Installation

To run this project locally, follow the instructions below:

1. Clone the repository:

   git clone https://github.com/vagnermengali/serasa-challenge.git
   

2. Access the project directory:

   cd serasa-challenge
   

3. Install the dependencies:

   yarn install
   

4. Start the development server:

   yarn dev
   

5. Access the application in your browser through the route:

   http://localhost:3000/
   

Access the application in your browser through the following address: http://localhost:3000/.

Deploy

This project is available at: https://serasa-challenge-vagnermengali.vercel.app/

Contribution

Contributions are welcome! Feel free to open a PR or report issues.

If this project has been helpful to you, consider leaving a star (⭐) on the repository to support development.

License

This project is under the MIT License.

---

Created by Vagner Mengali