O tema entregue parao desenvolvimento do projeto foi "Futuro", um tema bem amplo e abrangente, com isso eu fiquei em dúvida sobre o que fazer, e sem ter uma ideia muito concreta, mas durante uma conversa com um amigo meu, nós começamos a falar sobre o filme "The Lorax" e eu tive a ideia de fazer uma loja que vende oxigênio puro, em um futuro distópico, onde com os avanços tecnológicos da humanidade, não é mais possível encontrar ar puro no mundo, principalmente nos grandes centros urbanos.
###Ideia do nome A ideia do nome surgiu, enquanto eu estava começando a trabalhar no site, e eu estava conversando com alguns amigos meus pedindo sugestão de nome, e um deles deu a ideia de "Ar-tificial", pois ser uma loja de ar produzido em laboratório, logo sendo um "ar artificial".
O site é uma loja virtual, onde se encontram as seguintes funcionalidades:
- Uma barra de navegação fixada no topo da tela, em todas as abas do site.
- Uma aba "Sobre nós" explicando a ideia fictícia da empresa.
- Uma aba "Carrinho" onde seus produtos são armazenados para finalizar a compra.
Uma página chamada "Home" onde se tem um texto em destaque dando as boas vindas ao site, e a baixo uma pequena descrição do que se trata. Mais a baixo temos uma área "Confira nossos produtos", onde temos 3 opções de produtos, que ao clicar em comprar, aparece um alert avisando que o produto foi adicionado ao carrinho.
Uma página chamada "Sobre Nós" onde se tem uma descrição breve do nosso site, e da empresa, dizendo sobre nossos objetivos e expectativas de futuro.
Uma página chamada "Carrinho" onde inicialmente só temos um fundo branco, porém ao ir na página "Home" e adicionar um produto ao carrinho, o produto aparece na página, com a opção de aumentar e diminuir o número de produtos, modificando assim o valor total. Temos também a opção de finalizar compra, onde retira todos os produtos do carrinho, e emite um alert dizendo que a compra foi finalizada. A opção de remover do carrinho, que retira o item do carrinho
index.html: Onde se localiza a "Home" do site, e que conecta todas as outras abas.style.css: Onde se localiza a "maquiagem" do site, o arquivo que deixa ele menos feio.compra.js: Onde se localiza a lógica por trás do sistema de compra, adicionando os produtos do carrinho.produtos.js: Onde se localiza a lógica por trás do sistema do carrinho, aumentando e diminuindo o número de produtos, removendo itens e finalizando a compra