Skip to content

Front-end da aplicação de gerenciamento de estágios

Notifications You must be signed in to change notification settings

diegosantss/estagio_legal_front

Repository files navigation

Estágio Legal

Este repositório contém o código-fonte do Front-End da aplicação web desenvolvida como parte de um trabalho de conclusão de curso (TCC) com o objetivo de otimizar a gestão de documentos do Departamento de Estágio no Instituto Federal de Educação, Ciência e Tecnologia do Pará (IFPA). A aplicação desenvolvida é uma solução web para otimizar a gestão de documentos do Departamento de Estágio no Instituto Federal de Educação, Ciência e Tecnologia do Pará (IFPA). Ela permite aos alunos e funcionários do departamento realizar tarefas como o envio e validação de documentos, acompanhamento do status da documentação e acesso a informações relevantes sobre o estágio.

Pré-requisitos e Instalação

Antes de prosseguir com a instalação do projeto em sua máquina local, certifique-se de ter os seguintes requisitos:

Node.js: É necessário ter o Node.js instalado em sua máquina. O Node.js é uma plataforma JavaScript que permite executar código JavaScript fora de um navegador. Você pode baixar o Node.js em https://nodejs.org e seguir as instruções de instalação apropriadas para o seu sistema operacional.

Para as dependências, será necessário executar o comando:

npm i

Tecnologias

HTML: Utilizamos a linguagem de marcação HTML para estruturar e organizar os elementos da aplicação web.

CSS: Utilizamos o CSS (Cascading Style Sheets) para estilizar e personalizar a aparência dos componentes e páginas da aplicação.

JavaScript: Atualmente, o JavaScript é a linguagem de programação utilizada para adicionar interatividade e funcionalidades dinâmicas à aplicação.

Vue.js 3: Estamos utilizando o framework Vue.js 3 para o desenvolvimento da aplicação. O Vue.js é uma estrutura JavaScript progressiva que permite a construção de interfaces de usuário reativas e eficientes. Ele facilita a criação de componentes reutilizáveis e oferece recursos poderosos para manipulação do estado da aplicação.

Tailwind CSS: Está prevista a implementação do Tailwind CSS como framework de estilização. O Tailwind CSS é uma biblioteca utilitária que fornece uma abordagem "utility-first" para estilização, permitindo a criação rápida e flexível de estilos customizados.

TypeScript: Pretendemos substituir o JavaScript pelo TypeScript como linguagem de programação. O TypeScript é um superset do JavaScript que adiciona recursos de tipagem estática, facilitando a detecção de erros e fornecendo uma melhor experiência de desenvolvimento, especialmente em projetos de grande escala.

Status do Projeto

O projeto encontra-se atualmente em fase de desenvolvimento. Estamos trabalhando na criação dos componentes principais da aplicação, incluindo a barra lateral, a barra superior e as telas de login e cadastro. Nesta etapa inicial, estamos focados na estruturação e na implementação desses elementos fundamentais, garantindo uma base sólida para as funcionalidades futuras, está sendo desenvolvida juntamente com o back-end da aplicação.

Capturas de Tela

Login:

image

Cadastro:

image

Barra Lateral:

image image

Documentações

Especificações de Caso de Uso

https://docs.google.com/document/d/13UkWO-oiUqOKiJHO6GzmxU-mqpMPRI3i/edit?usp=sharing&ouid=109712364421124527175&rtpof=true&sd=true https://docs.google.com/document/d/1GJvDhaJ7ZbqMH6uWNt2Zle_aWeE2S3Mh/edit?usp=sharing&ouid=109712364421124527175&rtpof=true&sd=true https://docs.google.com/document/d/12AaQFYB-ipX3x77KqvWzpGJp2ALQDByE/edit?usp=sharing&ouid=109712364421124527175&rtpof=true&sd=true https://docs.google.com/document/d/1hFU7XU2TY8OGnCmPiY35rl4LbVuSpJiu/edit?usp=sharing&ouid=109712364421124527175&rtpof=true&sd=true

Diagrama de Caso de Uso

https://docs.google.com/document/d/1dTzlnnfK2ZDGoibSE96gxVzdIxvnd2luX_rOg063oL4/edit?usp=sharing

About

Front-end da aplicação de gerenciamento de estágios

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published