Retroville é uma plataforma web desenvolvida como Trabalho de Conclusão de Curso (TCC) da ETEC Jornalista Roberto Marinho. O projeto oferece uma experiência completa de e-commerce especializado em veículos clássicos e antigos, conectando vendedores e entusiastas de automóveis históricos.
O sistema permite aos usuários navegar por uma seleção cuidadosamente curada de carros clássicos, visualizar especificações detalhadas, histórias dos veículos e realizar compras através de pagamento via PIX.
- Proporcionar uma experiência única para entusiastas de carros antigos
- Oferecer uma seleção de veículos clássicos autênticos
- Compartilhar a história e especificações técnicas de cada modelo
- Facilitar a compra segura através de sistema de pagamento integrado
- 🔍 Catálogo de Veículos: Navegação por diferentes categorias (Sedans, Hatches, Coupês, Caminhonetes, SUVs, Conversíveis)
- 📱 Interface Responsiva: Design adaptado para desktop e dispositivos móveis
- 🔐 Sistema de Login/Cadastro: Autenticação segura de usuários
- 🛒 Carrinho de Compras: Adicione múltiplos veículos ao carrinho
- 💳 Pagamento PIX: Integração com sistema de pagamento instantâneo via QR Code
- 📄 Detalhes do Produto: Informações completas incluindo:
- Especificações técnicas (motor, câmbio, ano, quilometragem)
- Galeria de fotos (até 8 imagens por veículo)
- História e contexto do modelo
- Preço e disponibilidade
- 👤 Perfil do Usuário: Gerenciamento de dados pessoais e pedidos
- 📞 Página de Contato: Formulário para comunicação direta
- ➕ Cadastro de Produtos: Adicione novos veículos com informações detalhadas
- ✏️ Edição de Produtos: Atualize informações e imagens dos veículos
- 📋 Lista de Produtos: Visualize e gerencie todo o inventário
- 📦 Gerenciamento de Pedidos: Acompanhe vendas realizadas
- 🔒 Painel Administrativo: Área protegida para gestão completa
- PHP - Linguagem principal do servidor
- MySQL - Banco de dados relacional
- Composer - Gerenciador de dependências PHP
- mpdf/qrcode - Geração de QR Codes para pagamento PIX
- HTML5 - Estrutura das páginas
- CSS3 - Estilização e design responsivo
- JavaScript - Interatividade e validações
- Ion Icons - Biblioteca de ícones
- Vanilla Tilt.js - Efeitos visuais 3D
- PIX - Sistema de pagamento instantâneo brasileiro
Retroville/
├── ADM/ # Área administrativa
│ ├── _ADM/
│ │ └── script.sql # Script de criação do banco
│ ├── controller/ # Controladores admin
│ ├── model/ # Modelos de dados admin
│ │ ├── Conexao.php # Conexão com banco
│ │ ├── produtos.php # Modelo de produtos
│ │ └── ferramentas.php # Funções auxiliares
│ └── view/ # Views administrativas
│ ├── css/ # Estilos da área admin
│ ├── home.php # Dashboard
│ ├── listaProdutos.php
│ ├── produtos.php
│ └── listaPedidos.php
│
├── CLIENTE/ # Área do cliente
│ ├── controller/ # Controladores cliente
│ ├── model/ # Modelos de dados cliente
│ │ ├── carrinhoModel.php
│ │ ├── pedidosModel.php
│ │ └── siginModel.php
│ └── view/ # Views do cliente
│ ├── css/ # Estilos da área cliente
│ ├── img/ # Imagens do site
│ ├── produtos.php # Catálogo
│ ├── produto.php # Detalhes do veículo
│ ├── carrinho.php # Carrinho de compras
│ ├── logSigin.php # Login/Cadastro
│ ├── sobre.php # Sobre nós
│ └── contato.php # Página de contato
│
├── app/ # Classes da aplicação
│ └── Pix/ # Implementação PIX
│
├── vendor/ # Dependências do Composer
├── index.php # Página inicial
├── pagamento.php # Processamento de pagamentos
├── composer.json # Configuração do Composer
└── README.md # Este arquivo
- PHP 7.4 ou superior
- MySQL 8.0 ou superior
- Composer
- Servidor web (Apache/Nginx) ou PHP built-in server
-
Clone o repositório
git clone https://github.com/YBServilha/Retroville.git cd Retroville -
Instale as dependências
composer install
-
Configure o banco de dados
Execute o script SQL para criar o banco e as tabelas:
mysql -u seu_usuario -p < ADM/_ADM/script.sqlOu importe manualmente via phpMyAdmin/MySQL Workbench.
-
Configure a conexão com o banco
Edite o arquivo
ADM/model/Conexao.phpcom suas credenciais:// Exemplo de configuração $host = "localhost"; $dbname = "retroville"; $user = "seu_usuario"; $password = "sua_senha";
-
Inicie o servidor
Usando PHP built-in server:
php -S localhost:8000
Ou configure no Apache/Nginx apontando para a pasta do projeto.
-
Acesse a aplicação
Abra o navegador em:
http://localhost:8000
O banco de dados retroville contém as seguintes tabelas principais:
- adm: Credenciais dos administradores
- produtos: Catálogo completo de veículos
- usuarios: Dados dos clientes cadastrados
- carrinho: Itens no carrinho de cada usuário
- pedidos: Registro de vendas realizadas
Admin:
- Email:
[email protected] - Senha:
123(codificada em base64)
⚠️ Importante: Altere as credenciais padrão em ambiente de produção!
- Navegação: Acesse a página inicial e explore as categorias de veículos
- Visualização: Clique em um veículo para ver detalhes completos
- Cadastro: Crie uma conta para realizar compras
- Compra: Adicione veículos ao carrinho e finalize via PIX
- Acompanhamento: Verifique seus pedidos no perfil
- Login: Acesse
/ADM/index.phpcom credenciais de admin - Produtos: Adicione, edite ou remova veículos do catálogo
- Pedidos: Visualize e gerencie vendas realizadas
- Usuários: Administre contas de clientes
Projeto desenvolvido por alunos da ETEC Jornalista Roberto Marinho:
| Nome | Função | |
|---|---|---|
| Yan Barbosa Servilha | Lead & Desenvolvedor | |
| Brunno Silva | Social Media | |
| Danilo dos Santos | Desenvolvedor | |
| Enzo Lemos | Designer/UX | |
| Jorge Liotino | Designer/UX | |
| Rafael Henrique | Redator | - |
Siga o Retroville nas redes sociais:
Este projeto está sob a licença MIT. Consulte o arquivo LICENSE para mais detalhes.
MIT License
Copyright (c) 2023 DaniloMasterSantos
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software")...
Embora este seja um projeto acadêmico, sugestões e feedbacks são bem-vindos!
- Fork o projeto
- Crie uma branch para sua feature (
git checkout -b feature/MinhaFeature) - Commit suas mudanças (
git commit -m 'Adiciona MinhaFeature') - Push para a branch (
git push origin feature/MinhaFeature) - Abra um Pull Request
Para dúvidas, sugestões ou parcerias:
- 🌐 Site: www.retroville.rf.gd (Fora do ar por utilizar hospedagem gratuita)
- 📧 Email: Entre em contato através do formulário no site