morganaribeiro/ignews

Ignews é uma aplicação onde o usuário pode realizar uma assinatura recorrente com intuito de consumir conteúdos em texto.

🚧 Ignews ♻️ Concluído 🚀 🚧

Sobre • Funcionalidades • Layout • Como executar • Tecnologias • Autor •

💻 Sobre o projeto

♻️ Ignews - é uma aplicação onde o usuário vai poder assinar por um conteúdo em texto. Hoje vemos muitas plataformas que as pessoas assinam para consumir conteúdos em vídeo, por exemplo, a própria NETFLIX. Contudo, o que a gente vê pouco até hoje são plataformas em que a gente possa assinar para consumir conteúdo em texto. Sendo assim, o ig.news tem esse intuito.Hoje vemos muitas plataformas que as pessoas assinam para consumir conteúdos em vídeo, por exemplo, a própria NETFLIX. Contudo, o que a gente vê pouco até hoje são plataformas em que a gente possa assinar para consumir conteúdo em texto. Sendo assim, o ig.news tem esse intuito.

Projeto desenvolvido durante o Ignite.

---

⚙️ Funcionalidades

• Os usuários tem acesso a aplicação, onde podem:

  • realizar signIn/signOut através da autenticação pelo GitHub
  • navegar pelo menu acessando a home ou a página de posts
  • clicar no botão de Subscribe Now, no qual será direcionado a realizar o pagamento da assinatura pelo Stripe
  • acessar a página de /posts após realização da inscrição
  • listar os posts dentro da página de /posts
  • preview de visualização do post

• Validação do usuário já possui uma inscrição ou não na plataforma, onde será redirecionado:

  • se tiver a inscrição ativa(active), será direcionado as postagens
  • se tiver a inscrição cancelada(canceled) e clicar na aba de navegação Post, então será direcionado para a página home e faça a nova inscrição na plataforma

---

🎨 Layout

O layout da aplicação está disponível no Figma:

Mobile

---

🚀 Como executar o projeto

Este projeto é divido em duas partes:

1. Frontend
2. Mobile

Pré-requisitos

Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git, Node.js. Além disto é bom ter um editor para trabalhar com o código como VSCode

# Clone este repositório
$ git clone https://github.com/morganaribeiro/ignews.git

# Acesse a pasta do projeto no seu terminal/cmd
$ cd ignews

# Instale as dependências do projeto
$ yarn install

# Execute a aplicação em modo de desenvolvimento
$ yarn dev

# A aplicação será aberta na porta:3000 - acesse http://localhost:3000

---

🛠 Tecnologias

As seguintes ferramentas foram usadas na construção do projeto:

Website

• NextJS
• TypeScript
• Prismic CMS
• Stripe
• Fauna
• Next.Auth
• Axios

Utilitários

• Protótipo: Figma → Protótipo (Ignews)
• Editor: Visual Studio Code
• Markdown: StackEdit, Markdown Emoji
• Commit Conventional: Commitlint

---

💪 Como contribuir para o projeto

1. Faça um fork do projeto.
2. Crie uma nova branch com as suas alterações: git checkout -b my-feature
3. Salve as alterações e crie uma mensagem de commit contando o que você fez: git commit -m "feature: My new feature"
4. Envie as suas alterações: git push origin my-feature

   Caso tenha alguma dúvida confira este guia de como contribuir no GitHub

---

🦸 Autor

_{Morgana Ribeiro}

---

Feito com ❤️ por Morgana Ribeiro 👋🏽 Entre em contato!

---