╭─━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━─╮

• SA - DotBook (HTML, CSS, JS, PHP, MySQL)

╰─━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━─╯

Link de Acesso para o site: indisponivel por limitações do github

Oii, Obrigado pelo interesse no meu projeto.

Este trabalho foi desenvolvido por mim e meu grupo de estudos e seu intuito na atividade era um site para feedbacks com nome e tema de livre escolha, a tematização que nós da equipe desenvolvedora da DOTBOOK escolhemos foi a de um site de livros, nosso site conta com um catálogo, login, cadastro e obviamente os feedbacks dos livros!

Eu, Mateus, Trabalhei como lider da equipe e prioritáriamente na parte do FrontEnd, corrigindo bugs para facilitar a visualização dos integrantes na criação do BackEnd e criando a visualização final que o usuário tem ao acessar o site!

•• ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ••●•• ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ••

Página Inicial:

Aqui é a pagina inicial, nela você pode visualizar o catálogo disponivel, realizar login ou cadastro além de tambem clickar para acessar os feedbacks já escritos pelos usuários cadastrados

•• ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ••●•• ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ••

Fim da página inicial:

O Tamanho da página vai aumentando conforme novos livros são adicionados, eles já vem utilizando uma programação especifica de adição feita com o PHP e utilizam uma estilização em HTML e CSS baseada em grids de 12 colunas, responsáveis por manter a responsividade e o layout do site!

no final da página, encontramos um alerta para caso o usuário nao tenha conseguido encontrar um livro que gostaria de fazer o feedback.

•• ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ••●•• ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ••

Voltando ao topo da página inicial

Podemos clickar no botão de Cadastro ou Login, primeiro vamos para login.

•• ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ••●•• ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ••

Tela de LOGIN

Nessa aba, será exibido um aviso ensinando que é permitido retornar para a aba anterior sem realizar login. Podemos tambem realizar o login com as credenciais de acessos já cadastradas ou criar um novo cadastro...

•• ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ••●•• ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ••

Tela de Cadastro

Clickando em "Cadastre-se" ou acessando pela aba anterior, seremos redirecionados para algumas perguntas de um formulário rápido e assim finalizaremos o cadastro do novo usuário ou podemos retornar para a aba de login.

•• ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ••●•• ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ••

Retornando para a página inicial.

podemos clickar em qualquer produto e ver seus feedbacks, mesmo sem um login. Esta, é a aba de produtos sem utilizar logins... ela exibe os feedbacks que já foram escritos, porem exibe um aviso para o usuário realizar um Login

•• ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ••●•• ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ••

Acessando produto com usuário comum logado

a principal diferença ao fazer login, é que agora você tem uma cor exclusiva no seu nome de usuário, um botão de logoff e você pode fazer feedbacks dos seus livros favoritos!

•• ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ••●•• ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ••

•• ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ••●•• ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ••

Acessando como Administrador

agora, acessando como administrador podemos ver que o livro exibe opções de edição e exclusão do mesmo, alem de opções para deletar os feedbacks já cadastrados •• ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ••●•• ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ •• clickando em alterar, serão exibidas novas opções e o administrador poderá concertar problemas de escrita ou atualizar a capa do livro conforme ele desejar...

•• ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ••●•• ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ••

Administrador na página inicial

o nome do usuário é alterado para uma cor exclusiva significando que o mesmo utiliza uma conta de administrador (em todas abas com cabeçário), além de uma nova opção chamada: "Adicionar Livro" clickando nela podemos adicionar novos livros ao catálogo!

esse novo livro cadastrado, será enviado para o banco de dados onde serão salvos todos os dados digitados, as imagens que você enviou serão compactadas e salvas no diretório mãe do projeto e a página será recarregada... exibindo o novo livro em primeiro lugar no catálogo!

•• ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ••●•• ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ •• •• ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ••●•• ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ••

Considerações finais

Nós da equipe de desenvolvimento do website "DOTBOOK", ficamos muito contentes com o resultado final do projeto mas ainda sim queriamos adicionar mais coisas... Infelizmente tivemos apenas 5 dias para a produção e o professor solicitou que não fizessemos a maioria do trabalho em casa, apenas alguns ajustes que não seriam tao drásticos. O backlog contava com paginação de conteudo, busca por genero e nome semelhante, recuperação de senha utilizando metodos de envio por email e muito mais, mas não tivemos tempo para produzir tudo isso, apesar disso acreditamos que foi um projeto bem completo dentro do possivel! O Projeto foi desenvolvido utilizando metodologias ágeis e com certeza sem essa organização nao teriamos conseguido ir tão longe.

Por fim, muito obrigado pelo seu interesse no meu projeto acadêmico. espero que tenha gostado e em breve irei postar mais coisas que produzir nas aulas!

•• ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ••●•• ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ••