Sobre • Funcionalidades • Layout • Como executar • Tecnologias • Autor •
♻️ 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.
-
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
O layout da aplicação está disponível no Figma:
Este projeto é divido em duas partes:
- Frontend
- Mobile
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
As seguintes ferramentas foram usadas na construção do projeto:
Utilitários
- Protótipo: Figma → Protótipo (Ignews)
- Editor: Visual Studio Code
- Markdown: StackEdit, Markdown Emoji
- Commit Conventional: Commitlint
- Faça um fork do projeto.
- Crie uma nova branch com as suas alterações:
git checkout -b my-feature - Salve as alterações e crie uma mensagem de commit contando o que você fez:
git commit -m "feature: My new feature" - Envie as suas alterações:
git push origin my-featureCaso tenha alguma dúvida confira este guia de como contribuir no GitHub
Morgana Ribeiro
Feito com ❤️ por Morgana Ribeiro 👋🏽 Entre em contato!