Ignews

Projeto Web desenvolvido durante o Bootcamp Ignite by Rocketseat • Trilha ReactJS - TEMA: "Ig.News" 📰⚛️

Descrição:

O projeto trata-se de um blog onde os usuários terão acesso completo aos conteúdos de acordo com o status da sua assinatura mensal. É uma aplicação Serverless, ou seja, todo o processo que dependeria de um backend próprio foi integrado dentro do front-end seguindo o padrão da JAMStack.

• Integração e Consumo de postagens via Prismic CMS;
• Realização de assinatura mensal via Stripe;
• Autenticação dos usuários via Github OAuth;
• Dados salvos no Banco de dados FaunaDB;
• Layout responsivo (mobile e desktop).

Tecnologias utilizadas: 🚀

• ReactJs | ^17.0.2
• NextJs | 12.1.0
• Next Auth | ^4.2.1
• Typescript | ^4.6.2 -D
• SASS | ^1.49.9
• Prismic IO Client | 5.1.1
• Stripe | ^8.209.0
• Fauna DB | ^4.5.2
• Jest | ^28.1.3 -D
• Testing Library | ^12.1.5 -D

Instalação em sua máquina ⚙️

# Clone o projeto e acesse a pasta:
$ git clone https://github.com/leuzindev/ignews.git && cd ignews

# Instale as dependências:
$ yarn

# Na raiz do projeto crie uma copia do arquivo .env.sample
# Altere o nome da copia para .env.local
# Preencha as variáveis ambiente de acordo com as instruções do arquivo 'servicesConfig' localizado na raiz do projeto

# Execute stripe listen para ouvir eventos do webhook:
$ stripe listen --forward-to localhost:3000/api/webhooks

# Rode o projeto: 
$ yarn dev

# Para rodar os testes automatizados: 
$ yarn test

// A aplicação estará disponível em seu navegador em http://localhost:3000

Dados de testes do Checkout 🧪

• Pagamento bem-sucedido: 4242 4242 4242 4242
• Falha no pagamento: 4000 0000 0000 9995
• Precisa de autenticação: 4000 0025 0000 3155

Desktop (screenshot):

Home	Post List

Post Preview	Checkout

Mobile (screenshot):

Home	Post List	Post	Checkout