Skip to content

yaratavares/CineFlex

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

24 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

CINEFLEX

GitHub language count Repository size GitHub last commit License

ProjetoFuncionalidadesLayoutTecnologiasExecutarAutorLicença

💻 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.

Nono projeto desenvolvido no curso de Full-Stack Developer na Driven Education.

Esse projeto foi atualizado para utilizar uma infra Terraform para deploy na AWS, seguindo a seguinte arquitetura:


⚙️ 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:

Figma Driven Education

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]:yaratavares/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 start
# A aplicação será aberta na porta:3000 - acesse http://localhost:3000

🛠 Tecnologias

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

Mobile (React)

Veja o arquivo package.json


🧜‍♀️ Autora

foto

Yara Tavares 🚀


📝 Licença

Este projeto esta sobe a licença MIT.