RamenGo

A aplicação web RamenGo permite aos usuários personalizarem seu pedido de ramen escolhendo diferentes tipos de condimentos e proteínas disponíveis. Na tela principal, são exibidas duas listagens de condimentos, obtidas através de uma API, apresentando opções que o usuário pode selecionar. Cada lista permite apenas uma seleção por categoria.

Ao confirmar suas escolhas, a aplicação envia uma requisição ao endpoint de pedidos, incluindo as opções selecionadas pelo usuário. Se a requisição for bem-sucedida, o usuário é direcionado para uma página de sucesso. Nesta página, a interface é atualizada com base na resposta da API para informar ao usuário que seu pedido foi processado com sucesso.

Stack utilizada

Front-end: HTML, CSS e JAVASCRIPT

Funcionalidades

• Listagem de Condimentos: Exibe duas listas de condimentos na tela principal, consumidas através de uma API, permitindo ao usuário selecionar uma opção de cada lista.

• Seleção de Opções: Permite ao usuário escolher um tipo de condimento de uma lista e uma proteína de outra lista, garantindo que apenas uma opção seja selecionada em cada categoria.

• Envio de Pedido: Ao confirmar as seleções, a aplicação realiza uma requisição ao endpoint de pedidos, enviando as escolhas do usuário para processamento.

• Página de Sucesso: Após um pedido bem-sucedido, direciona o usuário para uma página de sucesso. Nesta página, a interface é atualizada com base na resposta da API para informar que o pedido foi criado com êxito.

• Validação de Seleção: Possui validação para garantir que o usuário selecione uma opção de cada lista antes de enviar o pedido.

Demonstração

Link para a demostração da aplicação web: https://anafurtonato.github.io/RamenGo_Front/

Tela index da aplicação web RamenGo:

Tela de sucesso da aplicação web RamenGo:

Autores

• @AnaFurtonato