Sobre • Instalação • Organização • Funcionalidades • Linguagens e tecnologias utilizadas •
Este projeto simula uma loja de filmes, onde é possível encontrar títulos separados por categoria, pesquisar um filme pelo nome, criar uma lista de favoritos e adicionar filmes no carrinho de compras e escolher entre alugar e comprar.
- Clonar repositorio
git clone https://github.com/Matheussgsilva/movie-store.git
- Acesse a pasta
cd movie-store
- Instalar dependências
npm install
- Rodar aplicativo
npm start
- Acesse http://localhost:3000/ e navegue pelo site
Abaixo segue estrutura das pastas:
|--src/
|----components/
|------CartItem/
|------CartPayment/
|------CartSidebar/
|------MovieCard/
|------MovieList/
|------Navbar/
|------OrderPopUp/
|------SidebarCartItem/
|------Skeleton/
|------Theme
|----lib/
|----pages/
|------Cart/
|------FavoriteMovies/
|------Home/
|------MovieDetail/
|------SearchPage/
|----provider/
- Na página Home se encontram alguns filmes dividos em categorias, cada categoria possui um carrossel onde é possível vizualizar mais títulos.
- Os filmes são divididos em cards, cada um com informações referentes ao determinado filme e também com ícones de info e de favoritar.
- Clicando no ícone de favoritar o filme é adicionado à uma lista que é vizualizada clicando no ícone de "coração" na navbar.
- Ao clicar no ícone de info ou no poster o usuário é direcionado à página de detalhes do filme e porderá ver a sinopse, adicionar ao carrinho de compras ou à lista de favoritos e quando disponível na Api, poderá ver o trailer.
- Na navbar existe um campo de pesquisa onde é possível pesquisar filmes pelo título.
- Clicando no ícone do carrinho de compras na navbar é exibido na tela uma sidebar com a lista dos filmes que foram previamente adicionados.
- Navegando até a página de compra o usuário pode optar pela compra ou aluguel dos filmes individualmente, e o valor é alterado conforme a opção.
Feito com ❤️ por Matheus Silva