# 🌟 Paradise - Site do Servidor Discord Site simples e moderno para o servidor Discord Paradise, com sistema de notícias, membros, staff e autenticação via Discord OAuth2. ## 🚀 Funcionalidades - ✅ Autenticação com Discord OAuth2 - ✅ Sistema de notícias (criar, visualizar, deletar) - ✅ Página de membros da comunidade - ✅ Página de staff do servidor - ✅ Design moderno e responsivo - ✅ Link direto para o servidor Discord ## 📋 Pré-requisitos - Node.js (versão 14 ou superior) - npm ou yarn - Bot Discord configurado no Discord Developer Portal ## 🔧 Instalação 1. Clone ou baixe este repositório 2. Instale as dependências: ```bash npm install ``` 3. Configure as variáveis de ambiente: - Copie o arquivo `.env.example` para `.env` - Edite o arquivo `.env` com suas credenciais do Discord ## ⚙️ Configuração do Discord OAuth2 1. Acesse o [Discord Developer Portal](https://discord.com/developers/applications) 2. Crie uma nova aplicação ou selecione uma existente 3. Vá em "OAuth2" no menu lateral 4. Adicione um Redirect URI: `http://localhost:3000/auth/discord/callback` (para desenvolvimento) 5. Copie o **Client ID** e **Client Secret** 6. Cole no arquivo `.env`: ``` DISCORD_CLIENT_ID=seu_client_id_aqui DISCORD_CLIENT_SECRET=seu_client_secret_aqui DISCORD_CALLBACK_URL=http://localhost:3000/auth/discord/callback ``` 7. Configure também: ``` DISCORD_INVITE_URL=https://discord.gg/seu-link-de-convite SESSION_SECRET=uma-chave-secreta-aleatoria-e-segura ``` ## 🎮 Como Usar 1. Inicie o servidor: ```bash npm start ``` Para desenvolvimento com auto-reload: ```bash npm run dev ``` 2. Acesse `http://localhost:3000` no seu navegador 3. Faça login com Discord clicando em "Entrar com Discord" 4. Após fazer login, você poderá criar notícias na página de Notícias ## 📝 Adicionar Membros da Staff Para adicionar membros da staff, você pode usar o banco de dados SQLite diretamente ou criar uma interface administrativa. Por enquanto, você pode inserir manualmente: ```sql INSERT INTO staff (discord_id, username, avatar, role, description) VALUES ('discord_id_do_membro', 'NomeDoUsuario', 'avatar_hash', 'Cargo', 'Descrição do membro'); ``` ## 🗄️ Estrutura do Banco de Dados O banco de dados SQLite (`database.db`) contém três tabelas: - **news**: Armazena as notícias do servidor - **members**: Armazena os membros que fizeram login - **staff**: Armazena os membros da equipe staff ## 🎨 Personalização - Edite `public/css/style.css` para personalizar as cores e estilos - As cores principais estão definidas em `:root` no CSS - Edite os arquivos `.ejs` em `views/` para modificar o conteúdo ## 📦 Dependências Principais - **express**: Framework web para Node.js - **passport-discord**: Estratégia de autenticação Discord - **ejs**: Engine de templates - **sqlite3**: Banco de dados SQLite - **express-session**: Gerenciamento de sessões ## 🔒 Segurança - ⚠️ **IMPORTANTE**: Mude o `SESSION_SECRET` no arquivo `.env` para uma string aleatória segura - ⚠️ Não compartilhe seu arquivo `.env` publicamente - ⚠️ Em produção, use HTTPS e configure adequadamente as variáveis de ambiente ## 📄 Licença MIT License - Sinta-se livre para usar e modificar! ## ☁️ Deploy na Shard Cloud A Shard Cloud oferece hospedagem gratuita para membros da comunidade Discord. Siga os passos abaixo para fazer deploy: ### Pré-requisitos para Deploy 1. **Conta na Shard Cloud**: Entre na [comunidade Discord da Shard Cloud](https://discord.gg/shardcloud) para obter acesso ao plano gratuito 2. **Repositório GitHub**: Seu código precisa estar em um repositório GitHub público ou privado ### Passo a Passo 1. **Prepare o repositório GitHub**: ```bash git init git add . git commit -m "Initial commit" git remote add origin https://github.com/seu-usuario/seu-repositorio.git git push -u origin main ``` 2. **Configure as variáveis de ambiente na Shard Cloud**: - Acesse o painel da Shard Cloud - Crie um novo projeto Node.js - Configure as seguintes variáveis de ambiente: ``` DISCORD_CLIENT_ID=seu_client_id DISCORD_CLIENT_SECRET=seu_client_secret DISCORD_CALLBACK_URL=https://seu-dominio.shardcloud.app/auth/discord/callback DISCORD_INVITE_URL=https://discord.gg/seu-servidor SESSION_SECRET=sua-chave-secreta-aleatoria-e-segura NODE_ENV=production ``` 3. **Atualize o Discord OAuth2**: - Acesse o [Discord Developer Portal](https://discord.com/developers/applications) - Vá em "OAuth2" → "Redirects" - Adicione o URL de callback da Shard Cloud: `https://seu-dominio.shardcloud.app/auth/discord/callback` - Remova ou mantenha o URL de desenvolvimento conforme necessário 4. **Conecte o GitHub**: - No painel da Shard Cloud, conecte seu repositório GitHub - Selecione o repositório e branch (geralmente `main` ou `master`) - A Shard Cloud fará o deploy automaticamente 5. **Configure domínio personalizado (opcional)**: - Na Shard Cloud, você pode configurar um domínio personalizado - Atualize o `DISCORD_CALLBACK_URL` com seu domínio personalizado - Atualize também no Discord Developer Portal ### Importante para Produção - ✅ Use um `SESSION_SECRET` forte e único - ✅ Configure o callback URL corretamente no Discord Developer Portal - ✅ O banco de dados SQLite será criado automaticamente na Shard Cloud - ✅ Certificados SSL são fornecidos automaticamente pela Shard Cloud ### Recursos da Shard Cloud - 🚀 Deploy automático via GitHub - 🔒 Certificados SSL automáticos - 📊 Métricas em tempo real - 🔄 Auto-restart em caso de falha - 💾 Backups automáticos (em planos pagos) Para mais informações, visite: [https://shardcloud.app/pt-br](https://shardcloud.app/pt-br) ## 🤝 Suporte Se tiver dúvidas ou problemas, verifique: 1. Se todas as variáveis de ambiente estão configuradas corretamente 2. Se o callback URL no Discord Developer Portal está correto 3. Se as permissões do bot estão corretas (identify, guilds) 4. Se o repositório GitHub está conectado corretamente na Shard Cloud --- Desenvolvido com ❤️ para o servidor Paradise Discord # paradisesite