Sistema Web Institucional - Nexus Innova
📋 Índice
🎯 Sobre o Projeto
O Nexus Innova é uma plataforma digital desenvolvida como parte de uma disciplina da Faculdade CDL. O sistema simula a presença digital de uma empresa de tecnologia, servindo como laboratório prático para a aplicação de conhecimentos full-stack.
O projeto evoluiu de um site estático para um Sistema Web Dinâmico, integrando Front-End moderno com um Back-End robusto em PHP e MySQL, permitindo o gerenciamento de conteúdo e captação de leads em tempo real.
Objetivos Acadêmicos Alcançados
- Desenvolvimento de CRUD Completo (Create, Read, Update, Delete).
- Implementação de sistema de Login e Autenticação seguro.
- Criação de Páginas Dinâmicas alimentadas por banco de dados.
- Integração de arquitetura híbrida (Static Pages + Server Side Rendering).
🚀 Tecnologias Utilizadas
Back-End & Banco de Dados
- PHP 8+: Linguagem principal para lógica do servidor, autenticação e API.
- MySQL: Banco de dados relacional para armazenar projetos, usuários e contatos.
- Apache: Servidor web (via XAMPP/WAMP).
Front-End
- HTML5 & CSS3: Estrutura semântica e estilização responsiva (Mobile-First).
- JavaScript (Vanilla): Interatividade, consumo de API e validação de formulários.
- AJAX/Fetch API: Carregamento assíncrono de dados sem recarregar a página.
Ferramentas & Bibliotecas
- AOS Library: Animações de scroll.
- Font Awesome: Ícones vetoriais.
- Google Tag Manager/Analytics: Monitoramento de tráfego.
🏗️ Arquitetura do Sistema
O projeto utiliza uma Arquitetura Híbrida para maximizar performance e SEO:
- Páginas de Serviço (
.html): Estáticas para carregamento instantâneo e alta indexação em motores de busca (SEO).
- Home e Blog (Client-Side Rendering): O JavaScript consome uma API PHP (
api_projetos.php) ou dados locais (data.js) para renderizar o conteúdo dinamicamente.
- Detalhes do Projeto (Server-Side Rendering): O arquivo
projeto_detalhe.php gera o HTML no servidor baseado no ID do banco de dados, garantindo que o conteúdo esteja sempre atualizado.
⚡ Funcionalidades
🌍 Área Pública
- Portfólio Dinâmico: Listagem de projetos puxados diretamente do MySQL.
- Páginas de Serviço: Landing pages focadas em conversão com download de E-books.
- Blog Técnico: Sistema de artigos com busca em tempo real.
- Formulários de Contato: Envio de mensagens via AJAX com salvamento no banco.
- Assistente Virtual: Chatbot flutuante para pré-atendimento.
🔐 Área Administrativa (Restrita)
- Login Seguro: Autenticação com hash de senha (
password_verify) e controle de sessão.
- Gestão de Projetos (CRUD):
- Adicionar: Cadastrar novos cases com descrição, desafio, solução e resultados.
- Editar: Alterar informações de projetos existentes.
- Excluir: Remover projetos do portfólio.
- Gestão de Leads: Visualização de todos os contatos recebidos pelo site (Nome, E-mail, Telefone).
📂 Estrutura de Arquivos
nexus-innova/
│ # --- FRONT-END (Páginas Públicas) ---
├── index.html # Página Inicial (Consome API)
├── blog.html # Página de Blog
├── bi-ux.html # Serviço: BI e UX
├── full-stack.html # Serviço: Full Stack
├── qa.html # Serviço: QA
├── suporte-sites.html # Serviço: Suporte
├── suporte-juridico.html # Serviço: Jurídico
├── automacao.html # Serviço: Automação
│
│ # --- BACK-END (Lógica e Sistema) ---
├── db.php # Conexão com Banco de Dados
├── auth.php # Processamento de Login
├── login.html # Formulário de Login
├── logout.php # Encerramento de Sessão
├── protect.php # Middleware de Proteção de Rotas
├── admin.php # Painel Administrativo (CRUD Completo)
├── api_projetos.php # API JSON para o Front-end
├── projeto_detalhe.php # Página Dinâmica de Projeto (SSR)
├── salvar_contato.php # Processamento de Contatos
│
│ # --- ASSETS E RECURSOS ---
├── style.css # Estilos Globais
├── script.js # Lógica JavaScript Principal
├── data.js # Dados Estáticos (Blog/Equipe)
├── blog/ # Template do Blog
├── projetos/ # Imagens dos Projetos
├── covers/ # Capas dos E-books
└── documents/ # Arquivos PDF para Download
🛠️ Instalação e Execução
-
Clone o Repositório:
git clone [https://github.com/felipesalvim/projeto-nexus-innova-faculdade.git](https://github.com/felipesalvim/projeto-nexus-innova-faculdade.git)
-
Configure o Ambiente:
- Instale o XAMPP (ou similar).
- Mova a pasta do projeto para
C:\xampp\htdocs\nexus-innova.
-
Banco de Dados:
- Abra o phpMyAdmin (
http://localhost/phpmyadmin).
- Crie um banco chamado
nexus_innova_db.
- Importe o arquivo SQL (ou execute os comandos de criação das tabelas
usuarios, projetos, contatos_projetos).
-
Acesse:
- Site:
http://localhost/nexus-innova
- Admin:
http://localhost/nexus-innova/login.html
- Site hospedado (em funcionamento):
https://nexusinnova.com.br/
🔐 Área Administrativa
Para acessar o painel de controle e testar as funcionalidades de CRUD:
- URL:
/login.html
- Usuário Padrão:
admin@nexus.com
- Senha Padrão:
123456
🤝 Contribuindo
Este é um projeto acadêmico aberto a melhorias.
- Faça um Fork do projeto.
- Crie uma Branch (
git checkout -b feature/NovaFuncionalidade).
- Faça o Commit (
git commit -m 'Adiciona nova funcionalidade').
- Faça o Push (
git push origin feature/NovaFuncionalidade).
- Abra um Pull Request.
📞 Contato
Equipe Nexus Innova
Desenvolvido com 💚 pela equipe Nexus Innova - Faculdade CDL