Site

Integralmente feito utilizando a tecnologia Angular, hospedado e utilizado o banco de dados do Firebase, CodeBucket é um de meus maiores projetos já feitos, e, com certeza, um de maiores aprendizados.

Desenvolvido com um design completamente responsivo, este site é capaz de funcionar de maneira eficiente em todos os tipos de dispositivos. Seja em um smartphone, tablet, laptop ou desktop, o desempenho do software permanece consistente e eficaz, garantindo uma experiência de usuário suave e agradável, independentemente do dispositivo utilizado.

O site foi inteiramente pensado na possibilidade de fazer edições no mesmo sem abrir o código fonte. Com o HTML inteiramente sendo puxado do banco de dados, foi criado uma sessão para administrador, no qual levará ao modo edição da página, onde existe a possibilidade de alterar 90% da página, o que é excelente.

Todas as páginas possuem rotas protegidas, permitindo apenas aos usuários logados a alteração do conteúdo do site. Como o site não possui um sistema de registro, para acessar a tela de login basta digitar "codebucketweb.web.app/login" (ou simplesmente "/login"). Após o login, essa imagem será exibida no cabeçalho:

• Email e Senha

Navegando pelo Site

Páginas acessíveis a usuários comuns:

• **HOME:** A tela inicial, onde os usuários comuns encontram tudo o que precisam para adicionar o bot e entender para que serve.
• **COMANDOS:** Aqui, você encontrará todos os comandos apresentados pelo bot.
• **LOGIN:** O login conduzirá ao modo admin, onde a manutenção do site pode ser realizada.

Páginas do admin:

• **WEB MANAGER:** Nesta tela, serão apresentados os CRUDs de todo o site, onde poderei escolher qual página quero editar.
  • Configurações Gerais
    • Opções de configuração geral do site.
  • Páginas do Site
    • **HOME PAGE:** CRUD para a edição da tela inicial.
    • **COMANDOS PAGE:** CRUD para a edição da tela de comandos.
    • **FOOTER:** CRUD para a edição do rodapé do site.
    • **OUTRO:** CRUD para outras informações do site, como o link do bot ou o ícone do mesmo.
• Comandos do Bot:
  • **LISTA DE COMANDOS:** Aqui, todos os comandos apresentados pelo bot são listados.
  • **EDITAR COMANDO:** CRUD para a edição de um comando específico.
  • **CRIAR COMANDO:** CRUD para a criação de um novo comando.

Indexação

Além de construir com base no uso do banco de dados em todo o HTML, me concentrei em aplicar boas práticas para obter uma excelente indexação no Google. Portanto, meu projeto, juntamente com o bot, é de extrema relevância e será facilmente reconhecido de maneira totalmente orgânica, ou seja, sem necessidade de divulgação.