https://github.com/gui-bus/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 para explorar! 🎥
https://github.com/gui-bus/cinedex

movie nextjs nextui react tailwindcss tmdb tmdb-api typescript vercel

Last synced: about 2 months ago
JSON representation

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! 🎥

• Host: GitHub
• URL: https://github.com/gui-bus/cinedex
• Owner: gui-bus
• Created: 2023-10-11T21:10:10.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-10-29T18:23:24.000Z (about 1 year ago)
• Last Synced: 2024-04-23T09:36:43.002Z (9 months ago)
• Topics: movie, nextjs, nextui, react, tailwindcss, tmdb, tmdb-api, typescript, vercel
• Language: TypeScript
• Homepage: https://cinedex.vercel.app
• Size: 4.33 MB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

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



  



## Cinedex 🎥

***A [Cinedex](https://cinedex.vercel.app/discover/now_playing) é 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](https://www.themoviedb.org/?language=pt)***.

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

### Funcionalidades :dart:

- [x] ***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.

- [x] ***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...

- [x] ***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](https://www.npmjs.com/package/react-player)***.

- [x] ***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.

- [x] ***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 :gear:

- [x] Para desfrutar da incrivel plataforma da Cinedex basta ***[clicar aqui](https://cinedex.vercel.app/discover/now_playing)***

	

## Tecnologias utilizadas :dart:



    

    

    

    

    

    

    



## Galeria :camera:

#### Desktop

	



Homepage
	



Detalhes do filme
	



Trailer do filme
	



Resultado da pesquisa
	



Paginação



Homepage Darkmode



Detalhes do filme Darkmode



Trailer do filme Darkmode



Resultado da pesquisa Darkmode



#### Mobile





















## Contribuição :bulb:

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 :handshake:

- Todas as imagens e informaçoes dos filmes foram obtidas da API da ***[TheMovieDB](https://www.themoviedb.org/?language=pt)***

## Redes sociais para contato! :speech_balloon:



	 





	 





	 



## Precisa de uma pagina personalizada para o seu negócio? :rocket:

- [x] 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!*** :star: 

-  Entre em contato através das minhas redes sociais ou envie-me um e-mail para [[email protected]](mailto:[email protected]).