https://github.com/emanuelsacoman/codebucket-website
Um website integralmente desenvolvido utilizando a tecnologia Angular e hospedado na plataforma Firebase. Este projeto, aliado à implementação de um bot para Discord, constitui o meu Trabalho de Conclusão de Curso (TCC).
https://github.com/emanuelsacoman/codebucket-website
angular codebucket css discord-bot final-project firebase html tcc typescript
Last synced: 4 months ago
JSON representation
Um website integralmente desenvolvido utilizando a tecnologia Angular e hospedado na plataforma Firebase. Este projeto, aliado à implementação de um bot para Discord, constitui o meu Trabalho de Conclusão de Curso (TCC).
- Host: GitHub
- URL: https://github.com/emanuelsacoman/codebucket-website
- Owner: emanuelsacoman
- Created: 2024-02-27T01:56:36.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-05-28T17:16:42.000Z (over 1 year ago)
- Last Synced: 2024-05-29T07:38:06.137Z (over 1 year ago)
- Topics: angular, codebucket, css, discord-bot, final-project, firebase, html, tcc, typescript
- Language: TypeScript
- Homepage: https://codebucketweb.web.app
- Size: 1.02 MB
- Stars: 9
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Bem-vindo ao Site de Apresentação do CodeBucket! 🤖
Um site feito com o framework Angular e hospedado no Firebase, este site é meu **TCC do curso de Análise e Desenvolvimento de Sistemas** e apresentará um bot voltado para a área de programação que eu fiz! CodeBucket promete auxiliar pessoas que gostam de utilizar a plataforma Discord como um ambiente de estudos.
## 📂 Navegando pelo Site:
**Telas que usuários comuns têm acesso:**
- **[HOME](https://codebucketweb.web.app):** A tela principal, onde, para usuários comuns, há tudo necessário para adicionar o bot e entender para que serve.
- **[COMANDOS](https://codebucketweb.web.app/comandos):** Aqui você encontrará todos os comandos que o bot apresenta.
- **[LOGIN](https://codebucketweb.web.app/login):** O login levará para o modo admin, onde pode ser feito manutenção do site.
**Telas de admin:**
- **[WEB MANAGER](https://codebucketweb.web.app/webmanager):** Essa tela apresentará CRUDs de todo o site, onde eu posso escolher qual página eu quero editar.
- **Configurações Gerais**
- Opções de configuração geral do site.
- **Páginas do Site**
- **[HOME PAGE](https://codebucketweb.web.app/homeedit):** CRUD para edição da tela principal.
- **[COMANDOS PAGE](https://codebucketweb.web.app/comandosedit):** CRUD para edição da tela de comandos.
- **[FOOTER](https://codebucketweb.web.app/footer):** CRUD para edição do footer do site.
- **[OUTRO](https://codebucketweb.web.app/outro):** CRUD para outras informações do site, como link do bot ou ícone do mesmo.
- **Comandos do Bot:**
- **[LISTA DE COMANDOS](https://codebucketweb.web.app/itemlist):** Aqui está sendo listado todos os comandos que o bot apresenta.
- **[EDITAR COMANDO](https://codebucketweb.web.app/itemedit):** CRUD para edição de algum comando específico.
- **[CRIAR COMANDO](https://codebucketweb.web.app/itemcreate):** CRUD para criar um comando novo.
### 👨💻 Sobre o Bot:
Esse bot tem uma ideia super nichada, o objetivo é auxiliar usuários que usam o Discord para estudar programação. Pode-se dizer que ele é uma ferramenta para esse ambiente.
### 🎉 Sinta-se à vontade
Aproveite o site e o open-source que esse repositório apresenta, não é nada profissional, mas acredito que é suficiente.
> [Adicione o bot!](https://codebucketweb.web.app)
> [Repositório do bot!](https://github.com/emanuelsacoman/Bot-Estudos-Discord)
[](https://top.gg/bot/1193011045577523300)
### ⚡ PageSpeed:
Investi meu tempo para melhorar os gráficos abaixo.
- **Desempenho:** Reflete a rapidez e eficiência da página em carregar e responder às interações do usuário, com foco na otimização de recursos para tempos de carregamento mais rápidos.
- **Acessibilidade:** Avalia a capacidade da página de ser acessível a todos os usuários, incluindo aqueles com deficiências, garantindo práticas de codificação adequadas e facilitando a navegação por tecnologias assistivas.
- **Práticas Recomendadas:** Indica se a página segue as melhores práticas de desenvolvimento da web, incluindo a estrutura semântica, a eliminação de conteúdo duplicado e o uso correto de tags HTML para melhor compreensão por parte dos motores de busca e tecnologias assistivas.
- **SEO (Search Engine Optimization):** Reflete a capacidade da página de ser indexada e classificada pelos motores de busca, incluindo otimização de meta tags, URLs amigáveis e criação de conteúdo relevante para uma melhor visibilidade nos resultados de busca.
### 📚 Documentação:
A banca recebeu uma documentação criada por mim, especificando detalhes do projeto. Você pode acessar a esse conteúdo [clicando aqui!](https://poised-verdict-ecc.notion.site/3b7c6a83fc124b408440939e51a76922?v=2c86ee785fe74eafa0b625772b8b95f9)
### 📝 Artigo:
Para complementar o projeto, escrevi um artigo detalhado sobre o desenvolvimento do CodeBucket. No artigo, compartilho todo o processo de criação do bot e do site de apoio, ambos desenvolvidos como parte do meu Trabalho de Conclusão de Curso (TCC) em Análise e Desenvolvimento de Sistemas.
O artigo está dividido em tópicos que contam desde a origem da ideia, passando pela arquitetura do projeto até as funcionalidades principais que o bot oferece. Também explico o processo de tornar o projeto open-source, o roteiro de melhorias futuras (roadmap) e relato como foi a defesa do TCC.
Além disso, o artigo traz detalhes dos feedbacks recebidos, o impacto que o projeto causou na banca avaliadora e uma reflexão final sobre a trajetória de desenvolvimento.
Você pode acessar o artigo completo [clicando aqui!](https://medium.com/@emanuelsacoman/codebucket-bot-para-discord-que-ensina-programação-de-forma-prática-5f307730e5c2)
### 🏆 Resultado Final:
Após a defesa do projeto feita no dia 17/06/2024 às 21:00, foi declarado na faculdade UniGuairacá em Guarapuava que minha nota seria **100**, sendo assim, nota máxima.
Não se esqueça de deixar uma ⭐ nesse repositório!