Skip to content

natanaeldeveloper/laravel-react-todolist

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

50 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Gerenciador de Tarefas

Objetivo

Este sistema deve permitir que um usuário crie tarefas, atribua a um responsável, adicione uma descrição e defina uma data de conclusão. O usuário também deve poder editar ou excluir tarefas existentes.

Funcionalidades

  • - Sistema de autenticação
  • - Página de listagem de tarefas
  • - Página de criação de tarefas
  • - Página de edição de tarefas
  • - Modal de confirmação de exclusão de tarefa
  • - Filtragem e ordenação de tarefas
  • - Realizar a conteinerização do projeto com Docker.

Tecnologias utlizadas

  • Laravel
  • React in TS
  • Ant-Design
  • Postgres

Requisitos

  • php >= 8.2
  • composer
  • node
  • postgres

Instalação

  1. Clone o repositório
git clone https://github.com/natanaeldeveloper/test-todo-list-app.git

Configuração e inicialização do back-end

  1. acesse a pasta backend do projeto
cd test-todo-list-app/backend
  1. Copie o arquivo .env.example para .env
cp .env.example .env
  1. Configure seu .env especificando o banco, usuário e senha
DB_CONNECTION=pgsql
DB_HOST=127.0.0.1
DB_PORT=5432
DB_DATABASE=todolist
DB_USERNAME=postgres
DB_PASSWORD=
  1. Instale as dependências do composer
composer install
  1. Gere uma key para o projeto
php artisan key:generate
  1. Execute as migrations do projeto
php artisan migrate
  1. Execute as seeders do projeto.
php artisan db:seed

# Este comando persistirá no banco 30 usuários e 100 tarefas aleatoriamente.
  1. Inicialize o servidor e pronto. O back-end já estará em execução!
php artisan serve

# http://localhost:8000

Configuração e inicialização do front-end

  1. acesse a pasta frontend do projeto
cd test-todo-list-app/frontend
  1. Instale as dependências via npm
npm install
  1. Execute o seguinte comando para buildar o projeto
npm run build
  1. Inicialize o projeto e pronto! o front-end já estará disponível para acesso!
npm run preview

# vite preview
#  ➜  Local:   http://127.0.0.1:4173/
#  ➜  Network: use --host to expose
  1. Basta acessar o endereço http://127.0.0.1:4173 no seu navegador para acessar a aplicação.

Releases

No releases published

Packages

No packages published

Languages