O Project-Private-Media é uma aplicação dedicada à exibição de mídias desenvolvida com Firebase para armazenamento e gerenciamento de dados, React.js no frontend e Node.js no backend, utilizando a API do Mercado Pago para aquisição de assinaturas. Ela permite que usuários criem conta, editem seu Perfil e interajam com as mídias das categorias, com a quantidade exibida dependendo do status da assinatura.
O Project-Private-Media é uma plataforma destinada à exibição de mídias. Criada com a visão de fornecer aos usuários uma experiência única, ela oferece a capacidade de personalizar a quantidade do conteúdo exibido, com base no status da assinatura do usuário. Com uma interface intuitiva e moderna, ela foi projetada para acomodar tanto usuários casuais quanto entusiastas de mídia, garantindo que cada um obtenha o máximo de satisfação de sua experiência.
O Project-Private-Media vem com um conjunto robusto de funcionalidades que ampliam a experiência padrão de exibição de mídias. Algumas das funcionalidades incluem:
-
Criação e Autenticação de Usuários: Novos usuários podem facilmente se registrar e os usuários existentes podem fazer login para acessar o conteúdo premium.
-
Edição de Perfil: Os usuários pode editar o perfil, alterando o nome e a senha, se assim o desejar.
-
Navegação por Categorias de Mídias: Os usuários podem explorar e interagir com diferentes categorias de mídias, contendo fotos e vídeos. O conteúdo disponível varia de acordo com o status da assinatura.
-
Sistema de Assinatura: Com a integração da
APIdoMercado Pago, os usuários podem adquirir assinaturas para acessar ainda mais conteúdo exclusivo, com opção de pagamento porcartão de créditooupix.
Detalhes
Para começar, clone o repositório em sua máquina local.
git clone git@github.com:imsamuelcovalero/Project-Private-Media- Navegue até o diretório raiz do projeto no terminal usando:
cd Project-Private-Media. - Acesse o diretório
backende executenpm installpara instalar as dependências. - Inicie o servidor com
npm run dev. - A aplicação estará rodando na porta
3001. - Agora, acesse o diretório
frontende executenpm installpara instalar as dependências. - Execute
npm startpara iniciar a aplicação frontend. - A aplicação
frontendestará rodando emhttp://localhost:3000. - Lembre-se de configurar o
Firebase, registrar sua aplicação noMercado Pagoe definir as variáveis de ambiente, de acordo com a instruções específicas contidas noREADMEde cada diretório.
Informações detalhadas sobre o funcionamento da aplicação podem ser encontradas nos README do frontend e do backend..
Recomendo iniciar a configuração e familiarização do projeto pelo README do backend, seguido pelo frontend. Isso se deve ao fato de que a configuração do frontend depende do backend.
O README do backend fornece informações detalhadas sobre a configuração e os recursos do lado do servidor. Acesse-o aqui.
Após configurar o backend, você pode prosseguir com o README do frontend. Acesse-o aqui.
Além disso, temos READMEs específicos para o Firebase e o Mercado Pago. É crucial associá-los às configurações dos READMEs de frontend e backend para garantir o funcionamento adequado do projeto.
Este projeto utiliza a Especificação de Commits Convencionais, com alguns tipos da convenção Angular. Além disso, foi utilizado o pacote conventional-commit-cli
Durante o desenvolvimento da aplicação, utilizei o Git como ferramenta de controle de versão e o GitHub como plataforma de hospedagem. A branch develop foi o principal local de desenvolvimento, e suas mudanças foram periodicamente mescladas à branch main.