• VueJS 3: Utilizando a Composition API para construção dos componentes frontend.
• Node.js com Express: Usados para executar um servidor simples responsável por servir a aplicação e manipular solicitações de API.
• CSS: O projeto utiliza um sistema de grade de 8 pontos para consistência de layout e BEM para nomeação de classes CSS para melhorar a legibilidade e manutenção.

Certifique-se de ter o Node.js instalado. A fim de promover consistência entre os ambientes de desenvolvimento, este projeto especifica a versão do Node no arquivo .nvmrc:

lts/iron

Você pode gerenciar diferentes versões do Node em seu sistema usando o nvm.

1. Clone o repositório:

   git clone https://github.com/educbraga/step-form.git

   cd <diretorio-do-repositorio>

2. Instale as dependências:

   npm install

3. Para visualizar a aplicação, execute o servidor:

   npm run server

   Este comando irá gerar uma build com o Vite e iniciar o servidor Express que é responsável pela API backend e expor a aplicação em seu navegador.

4. Acesse a aplicação em seu navegador de preferência em:

   http:https://localhost:3000

Opcional - Para desenvolvimento, execute o servidor de desenvolvimento:

npm run dev

[GET] /registration

• Responsável por renderizar uma página html que irá carregar os componentes do formulário no browser.

[POST] /registration

• API de cadastro responsável por receber os dados submetidos pelo usuário em formato JSON e responder para o client.

O macro defineModel() utilizado no projeto foi uma adição do vue 3.4. Ele agrega uma prop e um emit. Para mais informações acesse:

• https://vuejs.org/api/sfc-script-setup.html#definemodel
• https://vuejs.org/guide/components/v-model.html