Este projeto é uma aplicação web simples de gerenciamento de tarefas, desenvolvida com JavaScript puro, utilizando o json-server (db.json) como base de dados fake e hospedada na Vercel. Para a segunda parte do projeto, asseguramos que teremos uma API real e um banco de dados completo.
A aplicação possui três principais áreas:
- Autenticação via e-mail e senha
- Diferenciação de acesso entre usuário comum e administrador
O usuário comum possui acesso restrito às suas próprias tarefas:
- 📋 Visualizar tarefas atribuídas a ele
- ➕ Criar novas tarefas (somente para si mesmo)
- 🔄 Atualizar o status das suas tarefas
O Administrador possui controle total do sistema, com acesso a quatro abas principais:
- Visualização de todas as tarefas
- Identificação de qual usuário cada tarefa está atribuída
- Visualização de todos os usuários cadastrados
- Acesso às tarefas atribuídas ao próprio administrador
- Acesso aos filtros para verificar tarefas
-
Apenas o administrador pode:
- Criar novos usuários
- Atribuir tarefas para outros usuários
-
O usuário comum:
- Só pode criar tarefas para si mesmo
- Só pode alterar o status das suas próprias tarefas
- HTML5
- CSS3
- JavaScript (Vanilla JS)
- Node.js
- Express.js
- JSON Server
- FS (File System)
- Path
- Vercel
A aplicação possui um backend desenvolvido com Node.js e Express.js, responsável pelo processamento das requisições e gerenciamento dos dados.
O sistema utiliza os módulos nativos fs e path para manipulação de arquivos, adotando um arquivo db.json como banco de dados simples para persistência local, sem a necessidade de um banco externo.
Foram criadas classes internas para organização das entidades do sistema:
- Usuario
- Task
Essas classes ajudam a estruturar e padronizar os dados manipulados pela aplicação.
O backend disponibiliza uma API REST com as seguintes funcionalidades:
-
🔐 Autenticação
- Login
- Recuperação de senha
-
👤 Usuários
- Criar usuários (admin)
- Listar usuários
- Atualizar dados
- Remover usuários
-
📋 Tarefas
- Criar tarefas
- Listar tarefas
- Atualizar tarefas
- Deletar tarefas
git clone https://github.com/ingridfreitas/TaskMaster.gitnpm installnode server.jsAbra o link http://localhost:3000 no navegador
O projeto está configurado para deploy na Vercel.
Pode realizar os testes nesse link aqui: task-master.vercel.app/
Lembrando que para o site funcionar, o node server.js deverá estar rodando localmente.
- E-mail: lara@unisagrado.com
- Senha: Lara@123
- E-mail: iindyh@unisagrado.com
- Senha: Indy@123
📦 projeto
┣ 📂 administrador
┣ 📂 usuario
┣ 📂 tarefa
┣ 📄 index.html
┣ 📄 style.css
┣ 📄 login.css
┣ 📄 login.js
┣ 📄 server.js
┣ 📄 usuarioclass.js
┣ 📄 db.json
┗ 📄 README.md
- Este projeto iniciou com uma API fake utilizando
json-servere evoluiu para um backend próprio com Node.js e Express. - Desenvolvido para fins de estudo e prototipação.
- ANDRÉ AZENHA NANNI
- GEOVANA MOREIRA DE OLIVEIRA
- INGRID HELOISE DOS SANTOS FREITAS
- KELVIN KLEYN SANTOS GRECIA
- LARA FERNANDA CRUZ DE LIMA
- LETICIA ISABELA DE OLIVEIRA
- RAFAEL CHUN LIN CHEN
- RIAN CAIO FUZINELLI
- SARA VILA REAL DA SILVA
- VITOR HUGO CASALE DE FREITAS