- 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.
-
Clone o repositório:
git clone https://github.com/educbraga/step-form.git
cd <diretorio-do-repositorio>
-
Instale as dependências:
npm install
-
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.
-
Acesse a aplicação em seu navegador de preferência em:
http://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: