{"id":21947799,"url":"https://github.com/gui-bus/cinedex","last_synced_at":"2025-10-07T04:51:31.193Z","repository":{"id":199786795,"uuid":"703755309","full_name":"gui-bus/Cinedex","owner":"gui-bus","description":"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! 🎥","archived":false,"fork":false,"pushed_at":"2023-10-29T18:23:24.000Z","size":4543,"stargazers_count":5,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-03T07:10:44.940Z","etag":null,"topics":["movie","nextjs","nextui","react","tailwindcss","tmdb","tmdb-api","typescript","vercel"],"latest_commit_sha":null,"homepage":"https://cinedex.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/gui-bus.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-10-11T21:10:10.000Z","updated_at":"2025-03-19T00:09:31.000Z","dependencies_parsed_at":"2023-10-12T11:47:09.745Z","dependency_job_id":"5579086e-aa0e-4faa-8119-0c8104ac3e39","html_url":"https://github.com/gui-bus/Cinedex","commit_stats":null,"previous_names":["gui-bus/cinedex"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/gui-bus/Cinedex","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gui-bus%2FCinedex","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gui-bus%2FCinedex/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gui-bus%2FCinedex/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gui-bus%2FCinedex/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gui-bus","download_url":"https://codeload.github.com/gui-bus/Cinedex/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gui-bus%2FCinedex/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":278722769,"owners_count":26034461,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-07T02:00:06.786Z","response_time":59,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["movie","nextjs","nextui","react","tailwindcss","tmdb","tmdb-api","typescript","vercel"],"created_at":"2024-11-29T05:09:46.238Z","updated_at":"2025-10-07T04:51:31.166Z","avatar_url":"https://github.com/gui-bus.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n# Cinedex - Seu catálogo definitivo de filmes e series! 🎥\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"https://github.com/gui-bus/Cinedex/blob/main/github/desktop_home_light.png?raw=true\" alt=\"Desktop Homepage\" width=\"700\" /\u003e\n\u003c/div\u003e\n\n## Cinedex 🎥\n\n***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)***.\n\n***Venha explorar a Cinedex e encontrar informações do seu filme favorito!*** :star:\n\n### Funcionalidades :dart:\n- [x] ***Interface de usuário, navegação e design***\n\t- Através da combinação de ***React + Tailwind + NextUI*** foi criado uma interface moderna, atraente, intuitiva e totalmente responsiva.\n- [x] ***Barra de pesquisa e filtros de categoria/gêneros***\n\t- 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...\n- [x] ***Informações gerais e Trailer***\n\t- 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)***.\n- [x] ***Paginação***\n\t- 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.\n- [x] ***Light \u0026 Dark mode***\n\t- 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.\n \n## Como acessar a página :gear:\n\n- [x] Para desfrutar da incrivel plataforma da Cinedex basta ***[clicar aqui](https://cinedex.vercel.app/discover/now_playing)***\n\t\n\n## Tecnologias utilizadas :dart:\n\n\u003cdiv\u003e\n    \u003cimg alt=\"React\" height=\"80\" width=\"80\" src=\"https://github.com/gui-bus/TechIcons/blob/main/Dark/React.svg\"\u003e\n    \u003cimg alt=\"Typescript\" height=\"80\" width=\"80\" src=\"https://github.com/gui-bus/TechIcons/blob/main/Dark/Typescript.svg\"\u003e\n    \u003cimg alt=\"NextJS\" height=\"80\" width=\"80\" src=\"https://github.com/gui-bus/TechIcons/blob/main/Dark/NextJS.svg\"\u003e\n    \u003cimg alt=\"NextUI\" height=\"80\" width=\"80\" src=\"https://github.com/gui-bus/TechIcons/blob/main/Dark/NextUI.svg\"\u003e\n    \u003cimg alt=\"Tailwind\" height=\"80\" width=\"80\" src=\"https://github.com/gui-bus/TechIcons/blob/main/Dark/TailwindCSS.svg\"\u003e\n    \u003cimg alt=\"Vercel\" height=\"80\" width=\"80\" src=\"https://github.com/gui-bus/TechIcons/blob/main/Dark/Vercel.svg\"\u003e\n    \u003cimg alt=\"TMDB\" height=\"80\" width=\"80\" src=\"https://github.com/gui-bus/TechIcons/blob/main/Dark/TMDB.svg\"\u003e\n\u003c/div\u003e\n\n## Galeria :camera:\n#### Desktop\n\u003cdiv align=\"center\"\u003e\t\n\u003cimg src=\"https://github.com/gui-bus/Cinedex/blob/main/github/desktop_home_light.png\" alt=\"desktop\" width=\"800\" /\u003e\n\u003cp align=\"center\"\u003eHomepage\u003c/p\u003e\t\n\u003cimg src=\"https://github.com/gui-bus/Cinedex/blob/main/github/desktop_details_light.png\" alt=\"desktop\" width=\"800\" /\u003e\n\u003cp align=\"center\"\u003eDetalhes do filme\u003c/p\u003e\t\n\u003cimg src=\"https://github.com/gui-bus/Cinedex/blob/main/github/desktop_trailer_light.png\" alt=\"desktop\" width=\"800\" /\u003e\n\u003cp align=\"center\"\u003eTrailer do filme\u003c/p\u003e\t\n\u003cimg src=\"https://github.com/gui-bus/Cinedex/blob/main/github/desktop_search_light.png\" alt=\"desktop\" width=\"800\" /\u003e\n\u003cp align=\"center\"\u003eResultado da pesquisa\u003c/p\u003e\t\n\u003cimg src=\"https://github.com/gui-bus/Cinedex/blob/main/github/desktop_pagination.png\" alt=\"desktop\" width=\"800\" /\u003e\n\u003cp align=\"center\"\u003ePaginação\u003c/p\u003e\n\u003cimg src=\"https://github.com/gui-bus/Cinedex/blob/main/github/desktop_home_dark.png\" alt=\"desktop\" width=\"800\" /\u003e\n\u003cp align=\"center\"\u003eHomepage Darkmode\u003c/p\u003e\n\u003cimg src=\"https://github.com/gui-bus/Cinedex/blob/main/github/desktop_details_dark.png\" alt=\"desktop\" width=\"800\" /\u003e\n\u003cp align=\"center\"\u003eDetalhes do filme Darkmode\u003c/p\u003e\n\u003cimg src=\"https://github.com/gui-bus/Cinedex/blob/main/github/desktop_trailer_dark.png\" alt=\"desktop\" width=\"800\" /\u003e\n\u003cp align=\"center\"\u003eTrailer do filme Darkmode\u003c/p\u003e\n\u003cimg src=\"https://github.com/gui-bus/Cinedex/blob/main/github/desktop_search_dark.png\" alt=\"desktop\" width=\"800\" /\u003e\n\u003cp align=\"center\"\u003eResultado da pesquisa Darkmode\u003c/p\u003e\n\u003c/div\u003e\n\n#### Mobile\n\u003cdiv align=\"center\" style=\"display: inline_block\"\u003e\n\u003cimg src=\"https://github.com/gui-bus/Cinedex/blob/main/github/mobile_home.png\" alt=\"mobile\" width=\"200\" /\u003e\n\u003cimg src=\"https://github.com/gui-bus/Cinedex/blob/main/github/mobile_home_dark.png\" alt=\"mobile\" width=\"200\" /\u003e\n\u003cimg src=\"https://github.com/gui-bus/Cinedex/blob/main/github/mobile_menu.png\" alt=\"mobile\" width=\"200\" /\u003e\n\u003cimg src=\"https://github.com/gui-bus/Cinedex/blob/main/github/mobile_menu_dark.png\" alt=\"mobile\" width=\"200\" /\u003e\n\u003cimg src=\"https://github.com/gui-bus/Cinedex/blob/main/github/mobile_details_1.png\" alt=\"mobile\" width=\"200\" /\u003e\n\u003cimg src=\"https://github.com/gui-bus/Cinedex/blob/main/github/mobile_details_2.png\" alt=\"mobile\" width=\"200\" /\u003e\n\u003cimg src=\"https://github.com/gui-bus/Cinedex/blob/main/github/mobile_search.png\" alt=\"mobile\" width=\"200\" /\u003e\n\u003cimg src=\"https://github.com/gui-bus/Cinedex/blob/main/github/mobile_trailer.png\" alt=\"mobile\" width=\"200\" /\u003e\n\u003c/div\u003e\n\n## Contribuição :bulb:\n\nGostaria de contribuir para o projeto? ***Fico muito grato pelo interesse!***\n\n- 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.\n\n## Creditos e agradecimentos :handshake:\n- Todas as imagens e informaçoes dos filmes foram obtidas da API da ***[TheMovieDB](https://www.themoviedb.org/?language=pt)***\n\n## Redes sociais para contato! :speech_balloon:\n\n\n\u003ca href=\"https://www.instagram.com/guibus_dev/\" target=\"_blank\"\u003e\n\t\u003cimg alt=\"Instagram\" height=\"60\" width=\"60\"  src=\"https://github.com/gui-bus/TechIcons/blob/main/Dark/Instagram.svg\"\u003e \n\u003c/a\u003e\n\u003ca href=\"https://www.linkedin.com/in/gui-bus/\" target=\"_blank\"\u003e\n\t\u003cimg alt=\"LinkedIn\" height=\"60\" width=\"60\"  src=\"https://github.com/gui-bus/TechIcons/blob/main/Dark/Linkedin.svg\"\u003e \n\u003c/a\u003e\n\u003ca href=\"mailto:guibus.dev@gmail.com\" target=\"_blank\"\u003e\n\t\u003cimg alt=\"Gmail\" height=\"60\" width=\"60\" src=\"https://github.com/gui-bus/TechIcons/blob/main/Dark/Gmail.svg\"\u003e \n\u003c/a\u003e\n\n\n## Precisa de uma pagina personalizada para o seu negócio? :rocket:\n\n- [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. \u003cbr\u003e ***Vamos transformar sua visão em realidade!*** :star: \n\n-  Entre em contato através das minhas redes sociais ou envie-me um e-mail para [guibus.dev@gmail.com](mailto:guibus.dev@gmail.com).\n\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"https://github.com/gui-bus/Cinedex/blob/main/public/cinedex.png?raw=true\" alt=\"Cinedex\" width=\"400\" /\u003e\n\u003c/div\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgui-bus%2Fcinedex","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgui-bus%2Fcinedex","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgui-bus%2Fcinedex/lists"}