📝 Builder TCC - é uma plataforma criada principalmente para estudantes que estão desenvolvendo seus trabalhos acadêmicos e necessitam criar ou formatar seus documentos. No Builder TCC é possível transformar um texto comum em um texto com todas as formatações exigidas pela ABNT.
🎨 Layout
Dashboard
A dashboard é a página inicial que o usuário acessa, ela possui tema claro, escuro e outras features:
Tema Escuro
Tema Claro
Modal de confirmação de ação:
Para evitar que o usuário cometa erros e acabe perdendo o documento em progresso, é apresentado um modal com uma mensagem para confirmar a ação do usuário, por exemplo: se o usuário está com um documento aberto e tenta acessar as funcionalidade Editar ou Upload, a mensagem é apresentada aguardando a confirmação do usuário
Ocultar/Mostrar:
A sidebar pode ser expandida ou ocultada através dos ícones mostrados abaixo
Funcionalidades
Os usuários terão acesso a dashboard onde terão as seguinte opções:
Novo:
Exibe um espaço em branco onde será possível mexer no documento adicionando texto
Editar:
Apresenta um modal para carregamento de um arquivo com a extensão específica do Builder TCC
Upload:
Apresenta um modal para carregamento de um arquivo com qualquer extensão de texto
Editar Perfil / Alterar Sessão:
A tela de Editar Perfil contém as informações cadastradas do usuário logado no sistema. Ao Alterar Sessão o usuário é desconectado da sessão atual e pode realizar um novo login. No momento a função está inativa e ao interagir com ela, é realizado apenas um refresh na página.
🛠 Tecnologias
As seguintes ferramentas foram usadas na construção do projeto:
Antes de começar, é importante você ter previamente instalado em seu computador o Git e o Node.js.
Além disto, é bom ter um editor para trabalhar com o código, como o VSCode
⏳ Rodando a aplicação
# Clone este repositório
$ git clone https://github.com/iam-ianc/builder-tcc-demo
# Acesse a pasta do projeto no terminal/cmd
$ cd builder-tcc-demo
# Instale as dependências
$ npm install
# OU
$ yarn install
# Execute a aplicação em modo de desenvolvimento
$ npm run electron:serve
# OU
$ yarn electron:serve