Empire Burger

Este projeto é uma landing page desenvolvida para uma hamburgueria fictícia chamada Empire Burger!

Instalação e execução

# Clonando repositório e entrando na pasta
$ git clone https://github.com/HarlonGarcia/EmpireBurger.git && cd EmpireBurger

# Instalando dependências necessárias
$ npm install

# Rodando aplicação no seu computador
$ npm start

Tech Stack

• ReactJS
• React-icons
• Styled-components 💅

📝 Critérios de aceite

Desafio proposto por BRChallenges, site de desafios criado por Leonardo Vargas e protótipo feito no Figma por Tiago Alves.

Segue os critérios de avaliação por nível:

Nível Fácil

• Criar as seguintes seções: Menu, Banner, "Ofertas especiais", "Onde fica o nosso castelo", Footer.

• Ao clicar em um item do menu, o usuário deverá ser levado para a seção correspondente.

• Na seção "Ofertas especiais" os elementos devem ser organizados com o uso da propriedade display: grid do css.

• As informações do card da oferta (nome do prato e gramagem) devem estar no HTML, a única imagem deve ser a foto do prato com o preço.

• Na seção "Onde fica o nosso castelo" você deverá ser incorporada uma localização do Google Maps.

Nível Médio

• Todos os requisitos do nivel fácil.

• Criar as seguintes seções: Cardápio, Atendimento, "Nossas entregas".

• Na seção "Cardápio" os preços devem ser formatados com o método Intl.NumberFormat.

• O card "Horário de funcionamento" deverá ter os estados aberto e fechado, o estado será alterado conforme o horário do navegador do usuário.

Nível Difícil

• Todos os requisitos do nivel fácil e médio

• Criar as seguintes seções: Nossa realeza, Publicações do instagram.

• Buscar a lista de itens do cardápio via API.

• Buscar a lista de depoimentos via API.

• Na seção "Nossa realeza" os depoimentos deverão estar em um carrossel funcional.

• O texto de cada depoimento deverá estar limitado em quatro linhas, você pode usar a propriedade clamp do css.