E-commerce voltado ao reaproveitamento criativo de peças jeans, promovendo bazares beneficentes e sustentabilidade.
- Página Inicial: Apresentação do projeto com slider dinâmico
- Produtos: Catálogo com filtros por categoria, tamanho e condição
- Sobre: Informações sobre o projeto e sustentabilidade
- Contato: Formulário de contato e informações de localização
- Carrinho de Compras: Sistema completo de carrinho com checkout
- Acesso:
admin-panel.html(acesso direto por URL) - Dashboard: Estatísticas em tempo real
- Gerenciamento de Produtos: CRUD completo com busca e filtros
- Gerenciamento de Pedidos: Acompanhamento de status
- Gerenciamento de Clientes: Cadastro e histórico
- Configurações: Personalização do site
- Backup/Restauração: Exportação e importação de dados
- HTML5: Estrutura semântica
- CSS3: Estilos modernos com Flexbox e Grid
- JavaScript: Funcionalidades dinâmicas
- LocalStorage: Banco de dados local
- Font Awesome: Ícones
- Google Fonts: Tipografia
Re-born/
├── index.html # Página inicial
├── produtos.html # Catálogo de produtos
├── sobre.html # Página sobre o projeto
├── contato.html # Página de contato
├── admin-panel.html # Painel administrativo
├── styles.css # Estilos CSS
├── script.js # JavaScript do site principal
├── admin.js # JavaScript do painel admin
├── img/
│ ├── logo.png # Logo do projeto
│ └── favicon.png # Ícone do site
└── README.md # Documentação
- Primária:
#617A3D(Verde sustentável) - Secundária:
#343F51(Azul escuro) - Acento:
#435054(Cinza azulado) - Texto:
#000000(Preto) - Fundo:
#ffffff(Branco)
- Títulos: Oswald (Google Fonts)
- Corpo: Rubik (Google Fonts)
- Abra
index.htmlem um navegador - Navegue pelas páginas usando o menu
- Use os filtros na página de produtos
- Adicione produtos ao carrinho
- Finalize a compra no checkout
- Acesse
admin-panel.htmldiretamente - Gerencie produtos, pedidos e configurações
- Use as abas para navegar entre as seções
- Exporte/importe dados conforme necessário
O site é totalmente responsivo e funciona em:
- Desktop (1200px+)
- Tablet (768px - 1199px)
- Mobile (até 767px)
O projeto promove:
- Upcycling: Transformação criativa de jeans usados
- Zero Resíduos: 100% de aproveitamento
- Economia de Água: Evita produção de novos tecidos
- Impacto Social: Apoio a instituições assistenciais
- Estatísticas em tempo real
- Contadores de produtos, pedidos, clientes
- Cálculo de receita total
- Adicionar/editar/excluir produtos
- Busca por nome e descrição
- Filtro por categoria
- Upload de imagens via URL
- Controle de estoque
- Status ativo/inativo
- Visualização de todos os pedidos
- Atualização de status
- Detalhes do cliente
- Histórico de alterações
- Dados do site
- Configurações de pagamento
- Backup e restauração
- Limpeza de dados
- Dados armazenados localmente (LocalStorage)
- Validação de formulários
- Tratamento de erros
- Confirmações para ações críticas
- ✅ Interface moderna e intuitiva
- ✅ Dashboard com estatísticas
- ✅ CRUD completo de produtos
- ✅ Sistema de busca e filtros
- ✅ Gerenciamento de pedidos
- ✅ Configurações do site
- ✅ Backup/restauração de dados
- ✅ Design responsivo
- ✅ Notificações em tempo real
- ✅ Logo adicionada em todas as páginas
- ✅ Sistema de carrinho funcional
- ✅ Checkout completo
- ✅ Filtros avançados
- ✅ Design responsivo
- ✅ Animações suaves
- Email: contato@re-born.com
- Telefone: (44) 99999-9999
- Localização: Cianorte-PR, Brasil
Este projeto foi desenvolvido por estudantes do Centro Estadual de Educação Profissional Cianorte como parte de um projeto educacional focado em sustentabilidade e empreendedorismo social.
RÊ-BORN - Transformando Jeans em Oportunidades 🌱