Gerenciamento de Registros de Horas de Trabalho

Este projeto é uma aplicação de gerenciamento de registros de horas de trabalho desenvolvida para auxiliar na organização e acompanhamento das horas trabalhadas, distinguindo entre horas diurnas e noturnas.

Fluxograma do Algorítimo de Cálculo de Horas em PDF

• Fluxograma_time_tracker

Requisitos

1. PHP Obrigatório
2. Cálculo no Back-End
3. Entrega no GitHub
4. Instruções no README
5. Commits durante o Desenvolvimento
6. Duração máxima inferior a 24h
7. Usar Laravel com Vue
8. Mostrar a quantidade de horas diurnas e noturnas trabalhadas
9. Utilizar HTML, CSS, JavaScript
10. Utilizar banco de dados MySql
11. SPA

Tecnologias Utilizadas

• Frontend: Vue.js 3
• Backend: Laravel 10

Funcionalidades Principais

• Registro de Horas: Permite aos usuários registrar as horas trabalhadas, especificando se foram horas diurnas ou noturnas.

• Visualização de Horas Trabalhadas: Os usuários podem visualizar um resumo das horas trabalhadas em um determinado período.

Como Rodar o Projeto

Pré-requisitos

• Certifique-se de ter o Node.js instalado em sua máquina.
• Certifique-se de ter o Composer instalado para gerenciar as dependências do Laravel.
• Certifique-se de ter o MySQL instalado para gerenciar o banco de dados do Laravel.

Passos para Execução

1. Clone o Repositório:

git clone https://github.com/Beortizz/time-tracker.git
cd time-tracker

2. Instale as Dependências

composer install
npm install

3. Configure o ambiente

• Copie e cole o arquivo .env.example e o nomeie .env
• Atualize as seguintes variaveis para o seu banco de dados MySql

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=[nome_do_seu_banco]
DB_USERNAME=[seu_nome_de_usuario]
DB_PASSWORD=[sua_senha_super_segura]

4. Crie a chave da aplicação

php artisan key:generate

5. Rode as Migrations

php artisan migrate

6. Rode o servidor de front-end

npm run dev

7. Rode o servidor de back-end

php artisan serve

8. Acesse o Link

   127.0.0.1:8000

Fluxograma do Algorítimo de Cálculo de Horas