Loading repository data…
VLGallo / repository
Brigaderia
Esse projeto contém um exemplo funcional de uma landing-page comercial (loja de brigadeiros). Aqui utilizamos apenas tecnologias do Front-end: HTML, CSS e Javascript. Além disso, usamos conceitos de design de interfaces para produzir uma página visualmente atraente, adaptável para dispositivos móveis (responsiva).
#css3#e-commerce#flexbox#html5#landing-page
Live repository statistics
★ 4Stars
⑂ 0Forks
◯ 0Open issues
◉ 4Watchers
README preview
Brigaderia
Esse projeto consiste em uma landing-page para um estabelecimento comercial de venda de brigadeiros. O site foi projetado para ser fictício, ou seja, não existe nenhuma relação com qualquer estabelecimento comercial verdadeiro.
🎯 Requisitos do projeto
A brigaderia é um e-commerce baseado em pedidos via whatsapp, portanto, o dono do estabelecimento precisa de uma página web contendo informações do seu negócio. Para isso uma lista de requisitos foi construída:
| RQ#ID | Descrição |
|---|---|
| RF1 | A landing-page deve conter 4 menus: "CARDÁPIO | COMBOS | PEDIDOS | SOBRE NÓS". |
| RF2 | Na seção HOME, deve-se inserir a logotipo e o slogan da brigaderia "O melhor brigadeiro da cidade". |
| RF3 | Na seção CARDÁPIO, deve-se exibir uma foto do produto, nome, descrição e preço. |
| RF4 | Na seção de COMBOS, deve-se exibir uma foto dos combos disponíveis para compra, bem como sua descrição e preço. |
| RF5 | Na seção de PEDIDOS, deve-se exibir as informações de contato (via whatsapp), bem como o endereço de retirada |
| RF6 | Na seção SOBRE NÓS, deve-se exibir informações sobre a brigaderia (ex. histórico da marca, fundadores, etc.) |
| RNF1 | A página deve ser visualmente atraente seguindo uma paleta de cores no tema "brigadeiro". |
💻 Tecnologias utilizadas
Para esse projeto utilizamos as seguintes tecnologias para criação da interface:
Para prototipação e criação do conceito:
Para estilização:
- 📚 FontAwesome → Ícones
- 📚 GoogleFonts → Fontes "Fredoka One" e "Outfit"
- 📚 Shapedivider → Criação de divisores de formas estilizados
- 📚 Hero Pattern → Criação de patterns de fundo incríveis!
Protótipo e live demo
📄 Licença
Esse projeto está sob a licença Apache 2.0. Em resumo, isso significa que você pode reutilizar esse código para projetos pessoais ou até mesmo comerciais. No entanto, existem algumas regras a serem seguidas como por exemplo, atribuição ao projeto original, inclusão da licença original e utilização de licença compatível e documentação das mudanças feitas. Saiba mais sobre essa licença aqui.