Criar formulário de cadastro "Sign-Up"

[gihoekveld]

No arquivo src/app/sign-up/page.tsx crie um componente interno chamado SignUpForm. Dentro da função que está sendo exportada SignUp remova o componente PageUnderConstructionAlert e coloque o componente que você acabou de criar no lugar. Ficará algo como:

'use client'

import OnboardingLayout from '../../components/layout/OnboardingLayout'
import PageUnderConstructionAlert from '../../components/PageUnderConstructionAlert'

function SignUpForm() {
  return ()
}

export default function SignUp() {
  return (
    <OnboardingLayout>
      <SignUpForm  />
    </OnboardingLayout>
  )
}

Para visualizar a página no browser certifique-se de que não tenha nenhum outro projeto rodando. Abra o terminal e dentro da pasta auth-page execute o seguinte comando npm run dev. Acesse o link http://localhost:3000/sign-up.

Instruções sobre componentes do formulário

Para essa tarefa você irá utilizar os seguintes componentes da biblioteca Material UI

Typography: para textos do formulário TextField: para campos de input Button: para botão de ação

Clique para ver o protótipo

[gabrielamonaro]

Ainda falta:

• [ ] Mecanismo de troca de step do form;
• [ ] Mecanismo para salvar os dados até o último submit;
• [ ] Ajustes de estilização dos componentes do formulário.