MCPFlix é um hub para exibição dos filmes produzidos pelos alunos dos 2ºs anos da EEEP Maria Célia Pinheiro Falcão (escola de ensino médio técnico profissional). Este projeto foi idealizado para armazenar e exibir de forma intuitiva, moderna e acessível as obras cinematográficas criadas no âmbito do trabalho de Naturezas e suas Tecnologias.
O objetivo do MCPFlix é centralizar, organizar e oferecer uma plataforma moderna para que alunos, professores e demais interessados possam assistir aos filmes produzidos pelas turmas. Além de ser um desafio técnico para explorar e aprimorar conhecimentos em programação web, o projeto busca resolver uma necessidade prática da escola.
-
Front-end:
- Next.js: Framework React para construção de aplicações web modernas e performáticas.
- React: Biblioteca para criação de interfaces de usuário dinâmicas.
- Tailwind CSS: Framework CSS utilitário para estilização rápida e consistente.
-
Back-end e Banco de Dados:
- Supabase: Plataforma que oferece banco de dados PostgreSQL e autenticação pronta para uso.
- Catálogo de filmes: Navegue por uma lista de filmes com informações como título, ano de lançamento e sinopse.
- Favoritos: Marque seus filmes preferidos para acesso rápido.
- Player integrado: Assista aos filmes diretamente pelo site com links armazenados no Google Drive.
- Design moderno e intuitivo: Interface leve e amigável, ideal para todos os usuários.
O banco de dados foi configurado com as seguintes tabelas principais:
-
movies:
id: Identificador único do filme.titulo: Título do filme.release_year: Ano de lançamento.link_drive: Link para o filme armazenado no Google Drive.synopsis: Descrição breve do filme.duration: Duração do filme em minutoscategory_id: Chave estrangeira para a tabelacategorylink_cover: Link para a capa do filme
-
category:
id: Identificador da categoria.name: Nome da categoria, eg (Ação, Comédia...).
- Node.js instalado (versão 16 ou superior)
- Conta no Supabase configurada
- Gerenciador de pacotes (npm ou yarn)
- Clone o repositório:
git clone https://github.com/GuilhermmeDev/mcpflix.git
- Acesse o diretório do projeto:
cd mcpflix - Instale as dependências:
npm install # ou yarn install - Configure as variáveis de ambiente:
Crie um arquivo
.env.localna raiz do projeto e adicione as chaves do Supabase:NEXT_PUBLIC_SUPABASE_URL=your-supabase-url NEXT_PUBLIC_SUPABASE_ANON_KEY=your-anon-key
- Inicie o servidor de desenvolvimento:
npm run dev # ou yarn dev - Acesse o projeto em
http://localhost:3000.
Este projeto foi desenvolvido por Guilherme Morais, aluno da EEEP Maria Célia Pinheiro Falcão. Além de ser um desafio pessoal, o MCPFlix foi criado com a intenção de contribuir para a realidade escolar e explorar tecnologias modernas no desenvolvimento web.
- GitHub: @GuilhermmeDev
Feito com ❤️ para a comunidade escolar. MCPFlix: Onde o cinema escolar ganha vida!