Trabalho de finalização da disciplina de Introdução ao Desenvolvimento Web, SCC0219, primeiro semestre de 2022. Em suma, implementa todos os aspectos necessários a um site de e-commerce, incluindo gerenciamento de bases de dados e desenvolvimento fullstack, embora não armazene o projeto em um servidor dedicado.
- João Lucas Rodrigues Constantino, 11795763
- Gabriel Zanotim Manhani, 11912276
- Nathielle Cristhiny de Oliveira Pereira, 10390252
-
Os usuários do Sistema são divididos em duas categorias: administradores e clientes, em que aqueles são responsáveis pelo gerenciamento do estoque comercial e dos serviços disponibilizados, e estes são os usuários-alvo da plataforma — aos quais os produtos e serviços serão oferecidos.
-
A todo usuário não cadastrado, deve ser permitido registrar uma conta de cliente, a qual deve receber os seguintes atributos no momento de cadastro: nome, senha, e-mail e telefone de contato, em que todos esses atributos podem ser alterados posteriormente na página de perfil. O Sistema deve, automaticamente, fornecer um número de identificação sintético (ID) ao cliente no momento de cadastro.
-
A todo administrador, deve ser permitido a promoção de uma conta de cliente previamente cadastrada para uma conta de administração.
-
A todo administrador, deve ser permitido realizar visualização, alteração, adição e remoção (CRUD) de produtos.
-
A todo administrador, deve ser permitido realizar CRUD dos demais usuários.
-
A todo usuário cadastrado, deve ser permitido realizar CRUD de seus meios de pagamento.
-
A todo usuário cadastrado, deve ser permitido realizar CRUD de seus endereços de entrega.
-
A todo usuário não cadastrado, deve ser permitido acessar as páginas inicial, de produto e de pesquisa, em que esta pode envolver uma categoria cadastrada ou uma busca textual por parte do usuário.
-
A todo usuário cadastrado, deve ser permitido acessar as páginas de perfil, de carrinho e de finalização de compra.
-
A todo administrador, deve ser permitido acessar a página de gerenciamento de estoque e a página de gerenciamento de usuários; ambas as páginas podem ser acessadas por meio de um menu lateral na página de perfil do administrador. Ainda, na página de gerenciamento de estoque, deve ser permitido acessar a página de gerenciamento do produto.
-
A todo produto, no momento de cadastro, devem ser fornecidos, no mínimo, um nome e uma ou mais fotografias. Em sua seção de gerenciamento, podem ser adicionados um preço, uma quantia em estoque, uma descrição e demais características — incluindo acabamento, ano da edição, idioma de exibição e número de páginas. Além disso, o Sistema deve, automaticamente, fornecer um número de identificação sintético (ID) ao produto no momento de cadastro.
-
O Sistema deve registrar estatísticas de venda do produto, incluindo quantia absoluta de vendas, disponibilizando-as na página de gerenciamento do produto.
-
Todo produto deve pertencer a uma ou mais categorias, as quais devem ser adicionadas na página de gerenciamento do produto.
-
Na página de produto, devem ser disponibilizadas interfaces para o cálculo de frete e para a compra.
-
Ao comprar um produto por meio de sua página, caso o usuário seja cadastrado, uma instância dele deve ser adicionada ao carrinho — cuja atualização deve ser informada por meio de um mostrador de notificação —, e, em caso contrário, um pop-up deve ser apresentado — informando a necessidade de cadastro para prosseguir com a compra.
-
Na página de carrinho, devem ser mostradas todas as instâncias de produto adicionadas; a cada instância, uma quantia de compra pode ser alterada — em que o mínimo é uma unidade, e o máximo é toda a quantia atualmente em estoque.
-
Na página de carrinho, deve ser disponibilizada uma interface para a finalização de compra.
-
Na página de finalização de compra, os detalhes da operação devem ser apresentados juntamente à escolha do meio de pagamento e das informações de endereço de entrega.
-
O carrinho deve ser esvaziado somente após finalização da compra.
-
Para fins de simplificação do projeto, somente cartões de crédito podem ser cadastrados e utilizados como meios de pagamento.
-
Todos os meios de pagamento cadastrados devem ser apresentados em uma seção da página de perfil.
-
Na página de produto, deve ser apresentado a classificação pública dada ao produto pelos usuários.
-
A classificação corrente deve ser registrada no esquema da relação de produto.
-
Para fins de simplificação do projeto, deve ser permitido, a todo usuário cadastrado, avaliar um produto.
-
O Sistema deve ser responsivo.
-
O Sistema deve apresentar boas medidas de acessibilidade.
-
O Sistema deve prover boa usabilidade.
Os mockups do projeto foram feitos por meio da plataforma Figma, e podem ser acessados para consulta aqui. Em específico, o protótipo da página de administração de livros pode ser conferido na figura a seguir: 
.
O diagrama de navegação planejado para os usuários (clientes e administradores) pode ser visto a seguir:
O Modelo de Entidade Relacionamento pode ser visualizado pelo diagrama a seguir. Note que números sintéticos de registro, isto é, os ID's, não são apresentados no modelo conceitual, sendo somente introduzidos no modelo de implementação.
A seguir, o Modelo Relacional, específico para implementação de base de dados, é apresentado.
- Contas pré-definidas para login:
-
Cliente: -email: [email protected] -senha: 123
-
Administrador: -email: [email protected] -senha: 123
-
- Todos os resultados de teste foram o esperado.
-
Instale o servidor do MongoDB deste link
- O serviço MongoDB deve estar em execução para a criação da base de dados ocorrer corretamente
-
Obtenha uma cópia do repositório:
git clone https://github.com/jlrconstantino/bookstore-ecommerce
- Abra o diretório local:
cd ./bookstore-ecommerce/
- Instale as dependências do servidor:
npm install
- Instale as dependências do cliente:
npm run install-client
- Obtenha a distribuição de produção do cliente:
npm run build-client
- Adicione os dados iniciais da base de dados:
npm run create-database
- Execute o servidor:
npm run server
- Em um navegador, acesse este link.