Git Product home page Git Product logo

resto-orders-frontend's Introduction

Procedimento

Após clonar o repositório de frontend, execute os comandos a seguir, em sequencia:

yarn

yarn start

Isso fará com que as dependências sejam baixadas e em seguida o serviço fique disponível para visualização em modo de desenvolvimento.

Abra http://localhost:3000 para visualizar no navegador.

Requisitos

Introdução

Desafio de cardapio e listagem receita

Login

O sistema deve possuir um tela de login: arquivo que deve validar se o username e senha estão corretos.

A validação é feita diretamente no front-end para um par determinado de username ('testeusername') e senha ('testesenha').

Lista de Receitas

Após o login, o usuário é direcionado para a tela de lista de receitas.

A barra de busca por texto, localizada no cabeçalho, filtra filtrar as receitas em memória.

Detalhes da Receita

Após clicar em “Ver receita“, o usuário deve é direcionado para a página de detalhes da receita.

Enquanto existir algum ingrediente da preparação desmarcado, o botão do final da página abre um modal dizendo que ainda falta selecionar todos os ingredientes.

Uma vez selecionado, o botão permite que o cronometro comece a marcar o tempo.

A progress bar calcula o andamento do preparo. Quando chegar em 100%, o botão muda para 'finalizar', e, ao abri o modal, no caso de apertar o botão de 'Entendi' lá dentro, a página é redirecionada para página de pedidos.

resto-orders-frontend's People

Contributors

arturgomes avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.