Merge branch 'release/1.0.0'

Preparações iniciais para o primeiro release do távola redonda (v1.0.0)
entregando todos os artefatos requisitados na APG-1.
As mudanças incluem:
- Criação e Estilização do CRUD
- Criação e configuração de Banco de Dados MySQL
- Documentação Técnica no Readme com instruções

README.md

@@ -0,0 +1,77 @@
+# Távola Redonda - Gerenciamento de Mesas de RPG
+
+## Informações do Projeto
+
+| **Campo**                               | **Detalhes**                                  |
+|-----------------------------------------|----------------------------------------------|
+| **Disciplina**                          | Engenharia de Software 2024.2                |
+| **Instituição**                         | Universidade Federal do Tocantins - Palmas   |
+| **Semestre & Ano**                      | 2024.2                                       |
+| **Curso**                               | Bacharelado em Ciência da Computação         |
+| **Professor**                           | Edeilson Milhomem da Silva                   |
+
+## Equipe
+
+| **Nome**                                | **Função**                                    |
+|-----------------------------------------|----------------------------------------------|
+| Yuri Barbosa Takahashi                  | Desenvolvimento (Front-End & Back-End)       |
+| Henrique Wendler Gomes                  | Desenvolvimento (Back-End)                   |
+| Vitor Leal Ferreira                     | Documentação Técnica                         |
+| Emanuel Badaró Fonseca                  | Desenvolvimento (Back-End)                   |
+| Thiago Soares Ribeiro Nunes de Carvalho | Desenvolvimento (Front-End)                  |
+
+### Requisitos
+- PHP 7.4 ou superior
+- Servidor web (Apache, Nginx, etc.)
+- Banco de dados MySQL
+
+### Instalação
+
+1. **Clone o repositório:**
+   ```sh
+   git clone https://github.com/seu-usuario/tavola-redonda.git
+   cd tavola-redonda
+
+2. **Configure o Banco de Dados:**
+    - Crie um banco de dados MySQL.
+    - Atualize o arquivo `config.json` com as credenciais do banco de dados:
+
+       ```json
+       {
+          "DB_HOST": "localhost",
+          "DB_NAME": "rpg_db",
+          "DB_USER": "root",
+          "DB_PASS": ""
+       }
+       ```
+
+    - Importe o arquivo `sql/rpg_db.sql` para preparar as tabelas no banco de dados. Você pode fazer isso usando a linha de comando ou uma ferramenta como o phpMyAdmin.
+
+       **Usando a linha de comando:**
+
+       ```sh
+       mysql -u root -p rpg_db < caminho/para/sql/rpg_db.sql
+       ```
+
+       **Usando o phpMyAdmin:**
+       1. Abra o phpMyAdmin e selecione o banco de dados `rpg_db`
+       2. Vá para a aba "Importar".
+       3. Clique em "Escolher arquivo" e selecione o arquivo `sql/rpg_db.sql`
+       4. Clique em "Executar" para importar o arquivo e criar as tabelas.
+3. **Inicie o Servidor:**
+   - Se estiver usando o XAMPP (que atualmente é utilizado pelos desenvolvedores), mova a pasta do projeto para o diretório `htdocs`.
+   - Acesse `http://localhost/tavola-redonda` no seu navegador.
+
+### Descrição 
+
+ 1. **Sobre o projeto**
+
+     - Távola Redonda é um projeto destinado ao público de pessoas que jogam RPG (Roleplay gaming) será uma alternativa mais fácil e pratica para a criação de mesas e personagens para os jogadores, reunindo alguns sistemas, facilitando assim, o decorrer de criação pre-campanha, que costuma ser a parte mais demorada de um RPG.
+
+     - A linguagem escolhida para desenvolver a távola redonda, foi a PHP, e optamos por desenvolver a partir do aplicativo/site "GitHub", pois como é um site muito conhecido, poderá chegar em várias pessoas do nicho que quisemos atingir 
+
+
+ ### Funcionamento 
+
+    - O funcionamento do projeto está ocorrendo tudo dentro dos conformes, até o momento, lá contratempos que tivemos foram corrigidos o mais rápido possível para o melhor uso do usuário.
+

config.json

@@ -0,0 +1,6 @@
+{
+    "DB_HOST": "localhost",
+    "DB_NAME": "rpg_db",
+    "DB_USER": "root",
+    "DB_PASS": ""
+  }

css/styles.css

@@ -0,0 +1,212 @@
+@import url('https://fonts.googleapis.com/css2?family=UnifrakturCook:wght@700&display=swap');
+
+body {
+    font-family: Verdana, Geneva, Tahoma, sans-serif;
+    margin: 20px;
+    background-color: #121212;
+    color: #e0e0e0;
+}
+
+h1 {
+    color: #ffffff;
+    font-family: 'UnifrakturCook', cursive;
+}
+
+table {
+    width: 100%;
+    border-collapse: collapse;
+    background-color: #1e1e1e;
+}
+
+table, th, td {
+    border: 1px solid #333;
+}
+
+th, td {
+    padding: 8px;
+    text-align: left;
+}
+
+th {
+    background-color: #333;
+    color: #e0e0e0;
+}
+
+a {
+    text-decoration: none;
+    color: rgb(198, 198, 95);
+}
+
+a:hover {
+    text-decoration: underline;
+}
+
+form {
+    margin-top: 20px;
+}
+
+label {
+    display: block;
+    margin: 5px 0;
+}
+
+input, textarea {
+    width: 100%;
+    padding: 8px;
+    margin-bottom: 10px;
+    border: 1px solid #555;
+    border-radius: 4px;
+    background-color: #1e1e1e;
+    color: #e0e0e0;
+}
+
+button {
+    padding: 10px 15px;
+    background-color: #2c2c2c;
+    color: rgb(198, 198, 95);
+    border: 2px solid #444;
+    border-radius: 4px;
+    cursor: pointer;
+    font-family: 'UnifrakturCook', cursive;
+    font-size: 16px;
+    text-shadow: 1px 1px 2px #000;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
+    transition: background-color 0.3s ease, box-shadow 0.3s ease;
+}
+
+button:hover {
+    background-color: #1a1a1a;
+    box-shadow: 0 0 15px rgba(0, 0, 0, 0.7);
+}
+
+.header-container {
+    display: flex;
+    align-items: center;
+}
+
+.header-container img {
+    margin-right: 10px;
+}
+
+.navbar {
+    overflow: hidden;
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+    border: 1px solid white;
+}
+.navbar a {
+    text-align: center;
+    padding: 10px 15px;
+    text-decoration: none;
+    font-size: 14px;
+    border: 1px solid white;
+    display: inline-block;
+    transition: box-shadow 0.3s ease;
+}
+
+.navbar a:hover {
+    background-color: #d3f02d;
+    color: black;
+    box-shadow: 0 0 10px yellow;
+}
+.evil-aura {
+    color: #ffcc00;
+    text-shadow: 
+        0 0 3px #000000, 
+        0 0 6px #000000, 
+        0 0 9px #000000, 
+        0 0 12px #ffcc00, 
+        0 0 15px #ffcc00, 
+        0 0 18px #ffcc00, 
+        0 0 21px #ffcc00, 
+        0 0 24px #ffcc00;
+    display: inline-block;
+    animation: evil-glow 1.5s infinite alternate;
+}
+
+@keyframes evil-glow {
+    from {
+        text-shadow: 
+            0 0 3px #000000, 
+            0 0 6px #000000, 
+            0 0 9px #000000, 
+            0 0 12px #ffcc00, 
+            0 0 15px #ffcc00, 
+            0 0 18px #ffcc00, 
+            0 0 21px #ffcc00, 
+            0 0 24px #ffcc00;
+    }
+    to {
+        text-shadow: 
+            0 0 6px #000000, 
+            0 0 12px #000000, 
+            0 0 18px #000000, 
+            0 0 24px #ffcc00, 
+            0 0 30px #ffcc00, 
+            0 0 36px #ffcc00, 
+            0 0 42px #ffcc00, 
+            0 0 48px #ffcc00;
+    }
+}
+
+.form-container {
+    background-color: #0d0d0d;
+    padding: 20px;
+    border-radius: 8px;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+}
+
+.form-container label {
+    display: block;
+    margin-bottom: 8px;
+    font-weight: bold;
+}
+
+.form-container input,
+.form-container textarea {
+    width: 100%;
+    padding: 8px;
+    margin-bottom: 16px;
+    border: 1px solid #ccc;
+    border-radius: 4px;
+}
+
+.form-container button {
+    width: 20%;
+    padding: 10px;
+    background-color: #d3f02d;
+    color: #fff;
+    border: none;
+    border-radius: 4px;
+    cursor: pointer;
+}
+
+.form-container button:hover {
+    background-color: yellow;
+}
+.form-container select {
+    width: 100%;
+    padding: 8px;
+    margin-bottom: 16px;
+    border: 1px solid #ccc;
+    border-radius: 4px;
+    background-color: #2c2c2c;
+    color: #e0e0e0;
+}
+
+.form-container .back-button {
+    width: 20%;
+    padding: 10px;
+    background-color: #525251;
+    color: #fff;
+    border: none;
+    border-radius: 4px;
+    cursor: pointer;
+    margin-top: 10px;
+    transition: background-color 0.3s ease;
+}
+
+.form-container .back-button:hover {
+    background-color: rgb(51, 51, 51);
+}

includes/db.php

@@ -0,0 +1,30 @@
+<?php
+// função para carregar configurações do arquivo config.json
+function loadConfig($path) {
+    if (!file_exists($path)) {
+        throw new Exception('config.json file not found');
+    }
+
+    $config = json_decode(file_get_contents($path), true);
+    if (json_last_error() !== JSON_ERROR_NONE) {
+        throw new Exception('Error parsing config.json');
+    }
+
+    return $config;
+}
+
+// carregar configurações do arquivo config.json
+$config = loadConfig(__DIR__ . '/../config.json');
+
+$host = $config['DB_HOST'];
+$db = $config['DB_NAME'];
+$user = $config['DB_USER'];
+$pass = $config['DB_PASS'];
+
+try {
+    $pdo = new PDO("mysql:host=$host;dbname=$db", $user, $pass);
+    $pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
+} catch (PDOException $e) {
+    die('Erro na conexão: ' . $e->getMessage());
+}
+?>

includes/footer.php

@@ -0,0 +1,2 @@
+</body>
+</html>