Giter VIP home page Giter VIP logo

hvivox / srealizacao-front Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 1.79 MB

sistema srealização | é a versão front-end da API sistema de realização, ou seja trata-se da interface de usuário para a aplicação de controle de realização de tarefas

HTML 2.55% Vue 84.33% CSS 3.93% JavaScript 9.19%
vitrinedev vuejs3 axios vue-router vuex admin-lte vue-moment vue-spinners vue-toasted vuetify

srealizacao-front's Introduction

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.

srealizacao-front's People

Contributors

hvivox avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.