SREALIZACAO-FRONT

Este repositório contém o projeto "srealizacao-front", que é a interface de usuário para a aplicação de controle de realização de tarefas. O projeto foi desenvolvido utilizando Vue.js, um framework JavaScript para construção de interfaces de usuário.

Este projeto surgiu a partir do curso Academia da Produtividade, que usa como ferramenta a folha da produtividade, segue o link de acesso disponibilizado pelo autor

🪧 Vitrine.Dev
✨ Nome	Srealizacao-front
🏷️ Tecnologias	Vue.js, Vue Router, Vuex, Axios, Vuetify, Vue Toasted, Vue Moment, Vue Spinners, admin Lte
🚀 URL	https://localhost/srealizacao
🔥 Base Projeto	(https://produtividadea.com.br/wp-content/uploads/2015/11/FolhadeProdutividadeA.pdf)

FUNCIONALIDADES

• Listagem de tarefas: Os usuários podem visualizar todas as tarefas cadastradas, incluindo informações como título, descrição, prazo e status de conclusão.
• Criação de tarefas: Os usuários podem criar novas tarefas especificando o título, descrição, prazo e prioridade.
• Atualização de tarefas: Os usuários podem atualizar o status de conclusão das tarefas, marcando-as como concluídas ou reabrindo tarefas já concluídas.
• Remoção de tarefas: Os usuários podem excluir tarefas que não são mais necessárias.

Estrutura do Projeto

O código-fonte do projeto está organizado da seguinte forma:

• /src: Contém os arquivos principais do projeto.
  • /assets: Contém arquivos estáticos, como imagens e ícones.
  • /components: Contém os componentes reutilizáveis do projeto.
  • /views: Contém as views principais da aplicação.
  • /router: Contém a definição das rotas da aplicação.
  • /store: Contém o gerenciamento de estado global da aplicação.
  • /services: Contém os serviços para comunicação com a API.
• /public: Contém os arquivos públicos do projeto.

Descrição dos plugins do projeto

• Vue.js: ( O framework JavaScript utilizado para construir a interface de usuário).
• Vue Router: (Plugin para gerenciamento de rotas na aplicação Vue.js).
• Vuex: (Biblioteca para gerenciamento de estado global na aplicação Vue.js).
• Axios: (Cliente HTTP baseado em Promises, utilizado para fazer requisições à API).
• Vuetify: (Framework de componentes para Vue.js com Material Design).
• Vue Toasted: (Plugin para exibir notificações em formato de toast).
• Vue Spinners: (Componentes animados para indicar o carregamento de dados).

Configuração do Ambiente de Desenvolvimento

1. Clone este repositório: git clone https://github.com/hvivox/srealizacao-front.git
2. Navegue até o diretório do projeto: cd srealizacao-front
3. Instale as dependências do projeto: npm install

Execução

1. Certifique-se de ter configurado corretamente o ambiente de desenvolvimento.
2. Execute o comando npm run serve para iniciar a aplicação.
3. Acesse a aplicação através do navegador web no endereço http://localhost:8080.