Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/caionikolas/empire
Esse projeto é uma landing page de uma hamburgueria fictícia chamada Empire Burger utilizando NextJS
https://github.com/caionikolas/empire
Last synced: about 1 month ago
JSON representation
Esse projeto é uma landing page de uma hamburgueria fictícia chamada Empire Burger utilizando NextJS
- Host: GitHub
- URL: https://github.com/caionikolas/empire
- Owner: caionikolas
- Created: 2023-03-16T21:04:30.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2024-07-15T17:11:10.000Z (5 months ago)
- Last Synced: 2024-07-15T21:05:55.979Z (5 months ago)
- Language: CSS
- Homepage: https://empire-khaki.vercel.app
- Size: 14.5 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## 💻 Projeto
Esse projeto é uma landing page de uma hamburgueria fictícia chamada **Empire Burger**, nela há seções sobre as ofertas especiais, horário de funcionamento, cardápio contendo os ingredientes e preços, cards com os feedbacks dos clientes e a localização do estabelecimento.
Para facilitar a codificação do projeto foi usado um protótipo do figma como base, o autor do layout é o design [**Tiago Alves**](https://www.behance.net/tiagofenixe9d9), [clique aqui](https://www.figma.com/file/ag4Az50adOF53pBrwI0wFg/Empire-Burger?node-id=0%3A1) para abrir o protótipo no figma.
## 🚀 Tecnologias
- [NextJS](https://nextjs.org)
- [React](http://https://react.dev/)
- [TypeScript](https://www.typescriptlang.org)
- [Frame-Motion](https://www.framer.com/motion)## 📝 ObJetivos
### Nível Fácil- [X] Criar as seguintes seções: Menu, Banner hero, Ofertas especiais, Onde fica o nosso castelo, Footer.
- [X] Ao clicar em um item do menu, o usuário deverá ser levado para a seção correspondente.
- [x] Na seção Ofertas especiais os elementos devem ser organizados com o uso da propriedade display:grid do css.
- [X] 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.
- [x] Na seção Onde fica o nosso castelo você deverá incorporar uma localização do google maps.
### Nível Médio
- [x] Todos os requisitos do nivel fácil.
- [x] Criar as seguintes seções: Cardápio, Atendimento, Nossas entregas.
- [x] Na seção Cardápio os preços devem ser formatados com o método Intl.NumberFormat.
- [x] 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
- [x] Todos os requisitos do nivel fácil e médio
- [x] Criar as seguintes seções: Nossa realeza, Publicações do instagram.
- [x] Buscar a lista de itens do cardápio via api.
- [x] Buscar a lista de depoimentos via api.
- [x] Na seção Nossa realeza os depoimentos deverão estar em um carrousel funcional.
- [x] O texto de cada depoimento deverá estar limitado em quatro linhas, você pode usar a propriedade clamp do css.