Sign in Join

Live chat for Free Pascal, Lazarus, Delphi and every Pascal programmer.

Catalog · How the catalog works
Anything · Lazarus or Delphi
Random projectRandom project

task-manager-delphi-react

Gerenciamento de Tarefas do Usuário

View on GitHub

Member rating

No ratings yet.

Sign in to rate this project.

README

Gerenciador de Lista de Tarefas

Esta aplicação foi criada para solucionar o desafio de uma lista de tarefas, definida conforme a seguir:

Definição do problema

Criar uma aplicação simples de lista de tarefas (To-Do List) com controle de usuário e armazenamento em SQLite.

Requisitos Mínimos

pascal
1. Autentica????o de usu??rio:
    Criar um sistema de login e cadastro b??sico utilizando SQLite como banco de dados.
    O usu??rio deve ser autenticado antes de acessar a lista de tarefas.
pascal
2. Gerenciamento de tarefas:
    Cada usu??rio pode criar, visualizar, concluir e excluir suas pr??prias tarefas.
    As tarefas devem ser salvas no banco de dados.
pascal
3. Back-end:
    Criar uma API simples Delphi para gerenciar usu??rios e tarefas.
    O banco de dados SQLite deve armazenar as informa????es.
pascal
4. Front-end:
    Criar componentes reutiliz??veis.
    Utilizar React Hooks (useState, useEffect).
    C??digo deve estar comentado.

Solução

Backend

Aplicação console deve ser iniciada antes de executar o frontend. O banco de dados é criado automaticamente, ao estabelecer uma conexão

Tecnologias utilizadas
pascal
RAD Studio 12 Athens
FireDAC
SQLite
Boss
Horse
Instalação e execução
pascal
Clonar o reposit??rio
Executar o boss install, para instalar as depend??ncias
Caso n??o possua a dll do SQLite, utilizar a da pasta libs. Basta copiar para a mesma pasta do execut??vel e descompactar
Abrir o TaskManagerServer.dpr, atrav??s do RAD Studio
Compilar e executar
pascal
IMPORTANTE: O servidor est?? escutando a porta 3000. Est?? fixo no c??digo. Caso esta porta n??o esteja dispon??vel, deve indicar outra, no c??digo fonte do controller principal.

Frontend

Aplicação web, tipo SPA, implementada em ReactJs

Tecnologias utilizadas

pascal
ReactJs
MUI
JWT-Decode
Axios

Instalação e execução

pascal
Clonar o reposit??rio
Executar o comando: npm install
Abrir a pasta client, atrav??s do VS Code
Criar o arquivo .env, baseado no .env.example substituindo o valor da chave pela url base do backend (por exemplo: http://localhost:3000)
executar o comando: npm run dev