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
API
doMercado Pago
, os usuários podem adquirir assinaturas para acessar ainda mais conteúdo exclusivo, com opção de pagamento porcartão de crédito
oupix
.
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
backend
e executenpm install
para instalar as dependências. - Inicie o servidor com
npm run dev
. - A aplicação estará rodando na porta
3001
. - Agora, acesse o diretório
frontend
e executenpm install
para instalar as dependências. - Execute
npm start
para iniciar a aplicação frontend. - A aplicação
frontend
estará rodando emhttp://localhost:3000
. - Lembre-se de configurar o
Firebase
, registrar sua aplicação noMercado Pago
e definir as variáveis de ambiente, de acordo com a instruções específicas contidas noREADME
de 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
.