R-VIEW

R&VIEW PDF

💻 Projeto

Projeto de um Visualizador e Editor de Comentários de Documentos PDF, Realizado para a Disciplina de Projeto Integrador II do Curso de Ciências da Computação na Universidade Federal do Ceará(UFC).

🚀 Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

Front-End: HTML, CSS, JavaScript e algumas Bibliotecas;
Back-End: JavaScript;

📌 Habilidades

Nesse projeto, nossa equipe foi capaz de:

• Trabalhar com funções, classes e Objetos;
• Fazer o uso e o estudo das seguintes bibliotecas PDFJS, FabricJS, jsPDF, Canvas;

:memo: Funcionalidades:

• 1. Visualização de arquivo PDF;
• 1. Salvar arquivo PDF com os comentários realizados no arquivo;
• 1. Adição de imagens sobre o conteúdo do PDF;
• 1. Inclusão de comentários em formato de texto, onde o texto terá as seguintes opções:
     • tamanho da fonte;
     • cor da fonte.
• 1. Adição de forma geométrica sobre o conteúdo do PDF, com as seguintes opções:
     • forma geométricas possíveis: linha, retângulo, elipse/círculo;
     • As formas podem ser apenas as bordas ou não;
     • cor da forma;
     • transformações das formas: translação, rotação e escala;

• Além dessas funcionalidades, nossa equipe teve que elaborar os seguintes diagramas UML do sistema:
  • classe;
  • pacote;
  • caso de uso;
  • sequência;
  • máquina de estados ou transição de estados

• Em seguida, implementar (ou reestruturar) o código do sistema utilizando os princípios SOLID da orientação a objetos.

📝 Interfaces do projeto

https://www.figma.com/file/j8VOMfCe3Gyb2pTaN9fu4d/Untitled?fuid=988763697417346370

📊 Diagramas do projeto

Diagrama de classe: https://imgur.com/gallery/42blJa9
Diagrama de pacote: https://imgur.com/gallery/P3DHSiw
Diagrama de caso de uso: https://imgur.com/gallery/IKdSQac
Diagrama de sequência: https://imgur.com/gallery/d32Lqpj
Diagrama de máquina de estados: https://imgur.com/gallery/pZXdSCT

📝 Ajustes e melhorias

O projeto ainda está em desenvolvimento e as próximas atualizações serão voltadas nas seguintes tarefas:

• Realizar testes unitários;
• Otimização;
• Melhorias no Css;
• Adição de Funcionalidades voltada pra deficientes;
• Modo preto/Branco;
• Mudar as variaveis globais para useContext;

👷 Como rodar

# Clonar o repositório
git clone https://github.com/victor-joness/R-VIEW

# Entrar numa IDE de sua preferência 

# Executar o servidor ou usar um puglin que criar um servidor

⬇️ Instalando dependências

  Client
    $ cd Client
    $ npm install or $ yarn install
    $ npm start or $ yarn start
  Server
    $ cd Server
    $ npm install or $ yarn install
    $ npm start or $ yarn start
    Change your mySQL database data server/index.js

🤔 Como contribuir

• Faça um fork desse repositório.
• Cria uma branch com a sua feature: git checkout -b minha-feature
• Faça commit das suas alterações: git commit -m 'feat: Minha nova feature'

• Faça push para a sua branch: git push origin minha-feature

• Depois que o merge da sua pull request for feito, você pode deletar a sua branch

:mortar_board: Autores

Victor Mesquita </a> </td>

Samuel Lopes </a> </td> </tr> </table> ## 📄 Licença Esse projeto está sob licença. Veja o arquivo [LICENÇA](LICENSE) para mais detalhes.