Sistema de Reserva de Ingressos para Cinema

Iniciante

Neste projeto, você aprenderá como construir um sistema de reserva de ingressos para cinema. O projeto envolve a obtenção assíncrona de dados de filmes, a renderização das informações dos filmes na página web e a implementação da funcionalidade de seleção de assentos e cálculo do preço total.

javascriptweb-development

💡 Este tutorial foi traduzido do inglês com assistência de IA. Para ver o original, você pode mudar para a versão em inglês

Introdução

Neste projeto, você aprenderá como construir um sistema de reserva de ingressos para filmes. O projeto envolve a obtenção assíncrona de dados de filmes, a renderização das informações do filme na página web e a implementação da funcionalidade de seleção de assentos e cálculo do preço total.

👀 Pré-visualização

movie reservation system demo

🎯 Tarefas

Neste projeto, você aprenderá:

  • Como obter dados de forma assíncrona usando a biblioteca axios
  • Como renderizar informações sobre filmes, incluindo o nome do filme, preço e disponibilidade de assentos, na página web
  • Como implementar a funcionalidade de seleção de assentos, atualizando o número de assentos selecionados e o preço total de acordo
  • Como atualizar a exibição para mostrar o número atual de assentos selecionados e o preço total

🏆 Conquistas

Após concluir este projeto, você será capaz de:

  • Obter dados de forma assíncrona usando a biblioteca axios
  • Manipular o DOM (Document Object Model) para exibir conteúdo dinâmico
  • Implementar interfaces de usuário interativas com tratamento de eventos
  • Atualizar a UI (User Interface) com base nas ações do usuário

Professor

labby
Labby
Labby is the LabEx teacher.