Skip to content

Repositório dedicado ao aplicativo IgNews desenvolvido ao longo do módulo 03 da trilha ReactJS ministrado pela RocketSeat em seu curso IGNITE PRO.

Notifications You must be signed in to change notification settings

thiagohrcosta/Ignite-IgNews

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

42 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

MainImg

CAPÍTULO 03 - IgNews

Este repositório é composto pelo projeto desenvolvido ao longo do do capítulo 03, da especialização em ReactJS ministrado pela ROCKETSEAT em seu curso IGNITE PRO.

enter image description here

Tecnologias utilizadas:
enter image description here  enter image description here

Outras tecnologias utilizadas:

  • Axios: (Cliente HTTP)

  • FaunaDB (Banco de dados)

  • Next-Auth (Autenticação de usuário integrada com o Github)

Recursos utilizados:

Fluxo da aplicação

enter image description here

Assinatura

subscribe

A aplicação foi desenvolvida utilizando o Next-Auth para permitir o login do usuário que devidamente autenticado poderá assinar a newsletter. Ao clicar no botão de assinar o usuário é levado para a página do Stripe que gerenciará a forma de pagamento, informando em seguida se a assinatura e pagamento foram realizados com sucesso para a liberação do conteúdo assinado.

Conteúdo disponível apenas para assinantes

signin

Utilizando-se do Stripe e do FaunaDB a aplicação é capaz de identificar os usuários que estão logados, bem como aqueles que possuem uma assinatura válida para acessarem o conteúdo em sua integralidade.

Utilizando um CRM para adição de conteúdo

enter image description here

O conteúdo mostrado ao usuário seja ele um visitante ou um usuário com assinatura válida é gerenciado pelo CRM Prismic, permitindo uma fácil gestão e adição de novos conteúdos.

Como rodar a aplicação?

Para rodar a aplicação baixe ou clone este repositório. Em seguida instale a pasta node_modules com o comando yarn install. Ao final inicie a aplicação com yarn start que será iniciada na porta localhost:3000. Será necessário também iniciar o Stripe localmente com o comando stripe listen --forward-to localhost:3000/api/webhooks.

About

Repositório dedicado ao aplicativo IgNews desenvolvido ao longo do módulo 03 da trilha ReactJS ministrado pela RocketSeat em seu curso IGNITE PRO.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published