m# Projeto 2 - EducaLivros Online
O objetivo é criar uma experiência de usuário excepcional que destaque a marca da empresa no mercado.A EducaLivros é especializada em educação infanto-juvenil e possui uma biblioteca com empréstimo e venda de livros de diversos gêneros. Agora, eles pretendem expandir para o e-commerce e precisam de um site completo que forneça informações sobre a escola para ganhar a confiança dos pais/responsáveis, apresente a biblioteca e os livros disponíveis para empréstimo ou venda, e inclua uma seção de e-commerce para vender produtos/serviços relacionados à educação (aulas particulares, cursos específicos), livros eprodutos em geral (camisetas da escola, bonés, etc).
Projetar e implementar uma interface de usuário que atenda às diversas necessidades da empresa, utilizando HTML, CSSe JavaScript (opcional). 1.Design da Interface (20%): Desenvolver um design atraente e funcional para a interface do usuário que seja fácil de navegar.
2.HTML (10%): Implementar uma página inicial, pelo menos doiscursos, umpara crianças e outro para adolescencetes, uma página para a biblioteca e seus livros, uma página de e-commerce, uma página de login para área restrita.Osformulários HTML tem o objetivo depermitir que os usuários interajam com o banco de dados, mas o backendnão precisa ser implementado.
3.Estilização CSS (30%): Usar CSS para estilizar a interface do usuário e melhorar a experiência do usuário.
4.Entrega (10%): Linkdo GitHubvia Teams. No GitHubdeve conter o código HTML e CSS, além de screenshotsda interface do usuário. Um readmecom uma breve descrição do que foi feito deve estar preenchido. A equipe toda deve ter acesso ao GitHubcompartilhado (é um projeto em equipe).
5.Requisitos adicionais (20%): Será considerado o que for feito além do requerimento mínimo esperado.
6.Easter Eggao cliente (10%): Surpreenda o cliente com algo interessante.
Projeto dividido em 6 páginas. Home, Store, Library, Página de Mensalidades, Login para o Portal do Aluno e Portal do aluno; de acordo com o que o professor pediu.
- index.html: Esta é a página principal do site, que apresenta diversas seções, incluindo Home, Sobre, Biblioteca, Loja, Reviews e Notícias. O layout foi projetado para oferecer uma navegação intuitiva e fácil acesso às informações importantes.
- Loja.html: A página da loja online, onde os visitantes podem explorar e adquirir livros, produtos educacionais, bem como itens diversos relacionados à marca da EducaLivros. Essa página utiliza o arquivo de estoque (estoque.js) para exibir os produtos disponíveis, e é estilizada com o auxílio do arquivo de estilo carrinho.css.
- Livros.html: A página da biblioteca, que oferece informações sobre os livros disponíveis para empréstimo. Os dados são fornecidos pelo arquivo items.js e a estilização é feita com base no carrinho.css.
- Serie.html: A página das mensalidades, que oferece informações sobre os livros disponíveis para a matrícula do aluno. Os dados são fornecidos pelo arquivo serie.js e a estilização é feita com base no carrinho.css.
- Login.html:
- Portal.html:
2. Funcionalidade do Carrinho de Compras:
- Implementou-se um carrinho de compras funcional, permitindo que os usuários adicionem e removam produtos facilmente. Uma calculadora integrada soma e subtrai automaticamente os itens selecionados, oferecendo uma experiência de compra suave e eficiente.
3. Estilização CSS:
- Utilizou-se CSS para estilizar todas as páginas do site, garantindo uma experiência visualmente atraente e consistente em toda a plataforma. A estilização foi cuidadosamente elaborada para melhorar a usabilidade e a acessibilidade do site.
4. GitHub e Deploy:
- O código-fonte do projeto foi hospedado no GitHub e compartilhado com a equipe por meio do link fornecido no repositório. Além disso, o site foi implantado no Vercel, fornecendo acesso público aos usuários interessados em explorar a plataforma.
5. Extras Além dos Requisitos Mínimos:
- Além dos requisitos estabelecidos pelo professor, foram implementadas melhorias adicionais para aprimorar a experiência do usuário. Isso incluiu a inclusão de um carrinho de comprar feito em JavaScript(que também não era obrigatório o uso no projeto).