nathan4andrade / cineflex

A mobile website where users can schedule a home cinema session, bringing convenience and technology to their leisure activities.

Projeto • Funcionalidades • Layout • Executar • Tecnologias • Autor

💻 Projeto

🎬 Cineflex - é um website em que o usuário pode agendar uma sessão de cinema no conforto de sua casa, trazendo mais praticidade e tecnologia para o seu lazer.

---

⚙️ Funcionalidades

• O usuário pode reservar uma sessão de cinema através dos seguintes passos:
  • assim que o usuário entra no site são listados todos os filmes que estão em cartaz
  • ao clicar em um filme, o usuário deve ser redirecionado para a página "/sessoes/(idFilme)", sendo (idFilme) o id do filme clicado, onde são exibidos os horários
  • ao clicar em uma sessão, o usuário deve ser redirecionado para a rota "/assentos/(idSessao)", onde (dSessao) é o id da sessão escolhida, os assentos podem estar:
    • indisponíveis
    • disponíveis
  • quando for escolhido um assento disponível ele será selecionado, pode-se escolher mais de um
  • não sendo obrigatório inserir o nome e cpf, poderá clicar em "Reservar assento(s)", o usuário será redirecionado para a rota "/sucesso". Isso fará com os assentos marcados fiquem indisponíveis para outras marcações.
  • nesta tela poderá retornar para página inicial com a listagem de filmes
  • a todo momento, exceto na página inicial pode-se retornar para página anterior com o botão "voltar"

---

🎨 Layout

O layout somente para Mobile da aplicação está disponível no Figma:

Mobile

---

🚀 Como executar o projeto

Você pode somente acessar a página ou instalar na sua máquina como seguem as instruções a seguir:

Pré-requisitos

Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git, Node.js. Além disto é bom ter um editor para trabalhar com o código como VSCode

🧭 Rodando a aplicação web (Front-end)

# Clone este repositório
$ git clone [email protected]:Nathan4Andrade/cineflex.git
# Vá para a pasta da aplicação e instale as dependências
$ npm install
# Execute a aplicação em modo de desenvolvimento
$ npm run dev
# A aplicação será aberta na porta:5173 - acesse http://localhost:5173

---

🛠 Tecnologias

As seguintes ferramentas foram usadas na construção do projeto:

Veja o arquivo package.json

---

🦊 Autoria

Nathan Andrade