Site institucional com painel admin
hoje às 14:47Descrição do Projeto:
Stack tecnológica obrigatória
PHP, PostgreSQL, Supabase e APIs.
Páginas do site
1. Página Inicial (`/`)
A página inicial é a vitrine da igreja e deve ter as seguintes seções, nesta ordem:
* Hero
* Seção de introdução
* Galeria de fotos
* Culto em destaque
* Programa dos cultos
* Contatos
* Footer (presente em todas as páginas)
2. Página Multimídia - Galeria (`/multimedia`)
- Seção hero com foto da congregação
- Outras seções estão em aberto
3. Página de pregações em áudio (`/multimedia/pregacoes`)
Esta é a página mais importante e complexa do site. Ela exibe as pregações em áudio cadastradas pelo administrador.
* Hero
* Filtro de busca
- Três campos de busca em linha: título do sermão (texto livre), data (date picker), pregador (dropdown dinâmico com os pregadores cadastrados no banco)
- Botão de busca com ícone de lupa
- A busca deve filtrar os resultados em tempo real ou ao clicar no botão
* Seção de pregadores
- Título "Nossos Pregadores"
- Cards circulares com a foto e o nome de cada pregador cadastrado
- Ao clicar em um pregador, filtra a lista de pregações para mostrar apenas as dele
- Efeito hover com escala e sombra nos cards
* Lista de pregações
- Layout em 2 colunas no desktop, 1 coluna no mobile
- Cada card de pregação exibe:
- Foto circular do pregador (tamanho pequeno, lado esquerdo)
- Nome do pregador
- Título da pregação
- Data formatada em português (ex: "11 de abril de 2021")
- Player de áudio personalizado
- Botão "Baixar" com ícone de download, que abre o link do MP3 para download direto
- Paginação no final da lista
Importante: os áudios não são hospedados no sistema. O administrador cadastra apenas o link direto do arquivo MP3 (hospedado em servidor externo da Cloudinary), e o player utiliza esse link para reprodução.
4. Página de Doutrina (`/doutrina`)
- Hero
- Grid com 4 cards clicáveis, cada um com imagem de capa e título:
1. William Marrion Branham
2. Ewald Frank
3. Batismo por imersão
4. Unicismo
Cada card leva a uma página individual com foto banner, título e texto explicativo sobre o tema.
Subpáginas: William Branham (`/doutrina/william-branham`)
- Banner com foto histórica do pregador
- Texto biográfico completo (fornecido pelo cliente)
- Botão "VOLTAR"
Subpáginas para os demais temas (`/doutrina/ewald-frank`, `/doutrina/batismo`, `/doutrina/unicismo`) - mesma estrutura, com conteúdo que será fornecido pelo cliente.
5. Página Sobre (`/sobre`)
- Hero com foto da congregação e título "Introdução à Assembleia Cristã Jardim do Mar"
- Player do YouTube embutido + botão "Assistir Lives"
- Seção "Nossa História" com texto longo (fornecido pelo cliente)
- Seção "Galeria da Construção" com grid de fotos do templo
- Footer padrão
Painel administrativo (`/admin`)
O painel é acessado em `/admin` e é completamente separado do site público. Deve ter:
* Autenticação
* Layout do Admin
- Sidebar fixa à esquerda com navegação:
- Dashboard
- Pregadores
- Pregações
- Header com nome da página atual e botão de logout
* Dashboard (`/admin`)
- Cards de estatísticas:
- Total de pregações cadastradas
- Total de pregadores cadastrados
- Última pregação adicionada (título + data)
* Gestão de Pregadores (`/admin/pregadores`)
* Gestão de Pregações (`/admin/pregacoes`)
Requisitos de qualidade
- Responsividade total: o site deve funcionar perfeitamente em celular, tablet e desktop
- SEO: metadata dinâmica, Open Graph tags e favicon configurados em todas as páginas
- Performance: lazy loading nas imagens, otimização do carregamento do player de áudio
Entregáveis esperados
1. Repositório no GitHub com o código-fonte completo
2. Site publicado em produção (Vercel é recomendado - plano gratuito é suficiente)
3. Projeto Supabase configurado com as tabelas, dados de exemplo e políticas de segurança
Propostas genéricas sem portfólio ou sem confirmação de leitura do briefing não serão consideradas.
Habilidades desejadas:
.NET Framework .NET para Web ActiveX Administrador de Sistemas Adobe Web Fonts
Atividades do cliente nesse projeto:
Última visualização: hoje às 16:01
Tem dúvidas? Faça uma pergunta.
ou
Informações adicionais
| Categoria: | Web, Mobile & Software |
|---|---|
| Subcategoria: | Desenvolvimento Web |
| Orçamento: | Aberto |
| Nível de experiência: | Iniciante |
| Visibilidade: | Público |
| Propostas: | 33 |
| Interessados: | 38 |
| Tempo restante: | |
| Valor Mínimo: | R$ 50,00 |
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
Criação de site WordPress e blog - Estamos à procura de um desenvolvedor com experiência e disponibilidade para desenvolver um tema para WordPress, para um site/blog, de acordo com a referência abaixo: https://pa...
Criação de loja virtual WordPress/WooCommerce - Preciso desenvolver uma loja virtual moderna para minha marca GeekX, focada em moda geek streetwear. O projeto será em WordPress + WooCommerce, com visual premium, moderno e responsivo, ins...
Automação de atendimento via WhatsApp para clínica odontológica - Estamos buscando um profissional qualificado para desenvolver uma solução completa de automação de atendimento via WhatsApp para nossa clínica odontológica...
Criar SaaS para instalar aplicativos do Softaculous na nuvem - Tenho um plano de hospedagem que dá direito a acessar o softaculous.com e instalar os aplicativos disponibilizados por ele em meus sites, porém acessando o cPanel. O projeto seria um...
Desenvolvimento de software web de workflow - Desenvolvimento de software web de workflow com front-end em React e banco de dados SQL Server. Será fornecida documentação completa, já com o protótipo HTML das...
