Bem-vindo ao Project-Private-Media 🎥 📸

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.

Sumário

• Bem-vindo ao Project-Private-Media 🎥 📸
  • Sumário
  • Visualização
  • Contexto
    • Visão Geral de Funcionalidades
  • Como rodar a aplicação e detalhes do funcionamento
    • Início Rápido
    • READMEs
      • Backend
      • Frontend
      • Firebase e Mercado Pago
  • Notas
    • Git, GitHub e Histórico de Commits

Visualização

Contexto

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.

Visão Geral de Funcionalidades

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 API do Mercado Pago, os usuários podem adquirir assinaturas para acessar ainda mais conteúdo exclusivo, com opção de pagamento por cartão de crédito ou pix.

Como rodar a aplicação e detalhes do funcionamento

Início Rápido

Detalhes

Para começar, clone o repositório em sua máquina local.

git clone [email protected]:imsamuelcovalero/Project-Private-Media

1. Navegue até o diretório raiz do projeto no terminal usando: cd Project-Private-Media.
2. Acesse o diretório backend e execute npm install para instalar as dependências.
3. Inicie o servidor com npm run dev.
4. A aplicação estará rodando na porta 3001.
5. Agora, acesse o diretório frontend e execute npm install para instalar as dependências.
6. Execute npm start para iniciar a aplicação frontend.
7. A aplicação frontend estará rodando em http://localhost:3000.
8. Lembre-se de configurar o Firebase, registrar sua aplicação no Mercado Pago e definir as variáveis de ambiente, de acordo com a instruções específicas contidas no README de cada diretório.

Informações detalhadas sobre o funcionamento da aplicação podem ser encontradas nos README do frontend e do backend..

READMEs

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.

Backend

O README do backend fornece informações detalhadas sobre a configuração e os recursos do lado do servidor. Acesse-o aqui.

Frontend

Após configurar o backend, você pode prosseguir com o README do frontend. Acesse-o aqui.

Firebase e Mercado Pago

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.

Notas

Git, GitHub e Histórico de Commits

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.

⬆ Voltar ao topo