/builder-tcc-demo

Demo UI Builder TCC

Primary LanguageVue

📌 Builder TCC 🚀demonstração de UI... 📌

💻 Sobre o projeto

📝 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
Dashboard_Dark Dashboard_Light
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

Modal de confirmação

Ocultar/Mostrar:
A sidebar pode ser expandida ou ocultada através dos ícones mostrados abaixo
Ocultar/Mostrar

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
Novo
Editar:
Apresenta um modal para carregamento de um arquivo com a extensão específica do Builder TCC
Editar
Upload:
Apresenta um modal para carregamento de um arquivo com qualquer extensão de texto
Upload
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.
Editar Perfil / Alterar Sessão

🛠 Tecnologias

As seguintes ferramentas foram usadas na construção do projeto:

🚀 Como executar o projeto

Pré-requisitos

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