Este app é um gerenciador de tarefas SPA (Single Page Application) feito utilizando como stacks: VueJs, Php e NodeJs. Utiliza como database o Mongodb. Segue as seguintes diretivas: Criação de rotas para realizar operações CRUD (Create, Read, Update, Delete). Uso de bibliotecas adequadas para facilitar o desenvolvimento, como Express.js e Mongoose. b. Desenvolvimento de um frontend em Vue.js - Implementação de recursos como adicionar, editar, excluir e marcar tarefas como concluídas. - Utilização de componentes do Vue.js para modularizar a aplicação e facilitar a reutilização de código. c. Integração entre o frontend e a API: - Comunicação assíncrona entre o frontend e a API usando requisições HTTP. - Manipulação de respostas da API, incluindo tratamento de erros e exibição adequada das mensagens de retorno. d. Implementação de recursos adicionais: - Adicionar funcionalidades extras à aplicação, como pesquisa de tarefas.
![Captura de Tela]
- Clone o repositório:
git clone https://github.com/seu-usuario/nome-do-repositorio.git
Ou baixe o arquivo;
• Inserir na pasta htdocs - C:\xampp\htdocs (Windows) ou /opt/lampp/htdocs/ (Linux);
• Rodar servidor Apache;
• Cd Frontend - npm i (instalar dependências);
• npm run build (cria versão otimizada e pronta para produção do aplicativo);
• Cd Backend - npm i (instalar dependências);
• Nodemon app.js (rodar Api e comunicação com db);
• Acessar no navegador: Localhost/Nome_da_pasta (Meu_projeto)
O sistema pode não identificar automáticamente os componentes criados no npm run build, e pode se fazer necessário a atualização manual do nome dos arquivos no index.html
Estes:
No lugar destes:
O endereço da background-image está saindo incorreto;
body{background-image:url(/img/bg.52d990f9.jpg) ;
enquanto o correto é;
body{background-image:url(../img/bg.52d990f9.jpg);
No caso de insucesso pode-se seguir estes passos:
• Cd Backend - npm i (instalar dependências);
• Nodemon app.js (rodar Api e comunicação com db);
• Cd Frontend - npm i (instalar dependências);
• Npm run serve (rodar servidor pelo Vue Cli);
Contribuições são bem-vindas! Se você deseja contribuir com este projeto, siga as etapas abaixo:
Crie um branch para sua contribuição: git checkout -b feature/nova-funcionalidade
Faça suas alterações e faça commit: git commit -m 'Adicionei uma nova funcionalidade'
Envie suas alterações para o repositório remoto: git push origin feature/nova-funcionalidade
Abra uma solicitação de pull para revisão
Se tiver alguma dúvida ou feedback, entre em contato em [email protected].