Projeto • Funcionalidades • Layout • Executar • Tecnologias • Autor
🎬 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.
- 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"
O layout somente para Mobile da aplicação está disponível no Figma:
Você pode somente acessar a página ou instalar na sua máquina como seguem as instruções a seguir:
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
# 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:5173As seguintes ferramentas foram usadas na construção do projeto:
Veja o arquivo package.json
Nathan Andrade