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) |
- 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.
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.
- 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).
- Clone este repositório:
git clone https://github.com/hvivox/srealizacao-front.git - Navegue até o diretório do projeto:
cd srealizacao-front - Instale as dependências do projeto:
npm install
- Certifique-se de ter configurado corretamente o ambiente de desenvolvimento.
- Execute o comando
npm run servepara iniciar a aplicação. - Acesse a aplicação através do navegador web no endereço
http://localhost:8080.