Skip to content

A Cinedex é uma plataforma online de catálogo de filmes e series, desenvolvido com React, Typescript, Next.js, NextUI, Tailwind CSS e Vercel. O projeto conta com uma ampla gama de opções de filmes separados por categorias e gêneros para explorar! 🎥

Notifications You must be signed in to change notification settings

gui-bus/Cinedex

Repository files navigation

Cinedex - Seu catálogo definitivo de filmes e series! 🎥

Desktop Homepage

Cinedex 🎥

A Cinedex é uma plataforma online de catálogo de filmes e series, desenvolvido com React, Typescript, Next.js, NextUI, Tailwind CSS e Vercel. O projeto conta com uma ampla gama de opções de filmes separados por categorias e gêneros, todos fornecidos pela API da TheMovieDB.

Venha explorar a Cinedex e encontrar informações do seu filme favorito!

Funcionalidades 🎯

  • Interface de usuário, navegação e design
    • Através da combinação de React + Tailwind + NextUI foi criado uma interface moderna, atraente, intuitiva e totalmente responsiva.
  • Barra de pesquisa e filtros de categoria/gêneros
    • Possui sistema de pesquisa na qual exibe todos os filmes encontrados com o termo pesquisado e também possui filtros para exibir, por exemplo, apenas filmes em cartaz, filmes populares, filmes de comédia, filmes de ficção científica, etc...
  • Informações gerais e Trailer
    • Ao clicar no filme desejado exibe diversas informações sobre o mesmo. Além da possibilidade de assistir o trailer do filme, caso existente, dentro da propria Cinedex por meio do youtube renderizado utilizando a biblioteca react-player.
  • Paginação
    • Possui sistema de paginação que exibe apenas 20 filmes por vez, algumas categorias/gêneros chegam a possuir até 500 páginas de filmes para você explorar.
  • Light & Dark mode
    • Sistema de tema claro e escuro disponível para aqueles que preferem um ou outro, com salvamento de preferência no local storage dessa forma quando o usuário acessar a plataforma novamente ela estará com o tema escolhido.

Como acessar a página ⚙️

  • Para desfrutar da incrivel plataforma da Cinedex basta clicar aqui

Tecnologias utilizadas 🎯

React Typescript NextJS NextUI Tailwind Vercel TMDB

Galeria 📷

Desktop

desktop

Homepage

desktop

Detalhes do filme

desktop

Trailer do filme

desktop

Resultado da pesquisa

desktop

Paginação

desktop

Homepage Darkmode

desktop

Detalhes do filme Darkmode

desktop

Trailer do filme Darkmode

desktop

Resultado da pesquisa Darkmode

Mobile

mobile mobile mobile mobile mobile mobile mobile mobile

Contribuição 💡

Gostaria de contribuir para o projeto? Fico muito grato pelo interesse!

  • Sinta-se à vontade para entrar em contato comigo através das minhas redes sociais para enviar seu feedback, sugestões ou comentários sobre o projeto.

Creditos e agradecimentos 🤝

  • Todas as imagens e informaçoes dos filmes foram obtidas da API da TheMovieDB

Redes sociais para contato! 💬

Instagram LinkedIn Gmail

Precisa de uma pagina personalizada para o seu negócio? 🚀

  • Se você gostou do projeto da Cinedex e está interessado em ter uma página para o seu negócio, entre em contato! Estou disponível para desenvolver sites personalizados e adaptados às necessidades da sua empresa.
    Vamos transformar sua visão em realidade!

  • Entre em contato através das minhas redes sociais ou envie-me um e-mail para guibus.dev@gmail.com.

Cinedex

About

A Cinedex é uma plataforma online de catálogo de filmes e series, desenvolvido com React, Typescript, Next.js, NextUI, Tailwind CSS e Vercel. O projeto conta com uma ampla gama de opções de filmes separados por categorias e gêneros para explorar! 🎥

Topics

Resources

Stars

Watchers

Forks

Languages