Code Monkey home page Code Monkey logo

simplifyjournal_app's Introduction

Simplify Journal

This repo is the FrontEnd from 'Simplify Journal' application, this consume the API from SimplifyJournal-API and return its like a e-book or kindle like reader.

The main part of this application is the "getArticleData()" function, this occure is the main screen "./screens/HomeScreen.js" where we fetch the API with the header 'article-url'.

First of all, clone and start the app

Download Node.js

$ git clone https://github.com/zisongbr/SimplifyJournal_APP.git
$ cd SimplifyJournal_APP
$ npm install   | yarn install
$ npm start     | yarn start    | expo start 

Request in react:

return fetch('http://endpoint-api.com/translate/json', {
    method: 'GET',
    headers: {
        'article-url': "https://www.nytimes.com/2019/12/23/world/europe/russia-putin.html",
    }
})

Result

{
    "code": 200,
    "original_post": "https://www.nytimes.com/2019/12/23/world/europe/russia-putin.html",
    "site_name": "www.nytimes.com",
    "site_favicon": "https://www.nytimes.com/apple-touch-icon.png",
    "keywords": [
        "Putin",
        " Vladimir V",
        "Russia",
        "Politics and Government",
        "International Relations"
    ],
    "article_title": "Putin’s Russia, Punching Above Its Weight, Keeps Adversaries Off Balance",
    "article_description": "Its economy is sputtering and its young people are frustrated, but with America and Europe in tumult, Russia and its leader of two decades are on a roll.",
    "article_image": "https://static01.nyt.com/images/2019/12/23/world/23russia-putin/23russia-putin-facebookJumbo.jpg",
    "article_capitalize": "",
    "article_body": [
    {
    "is_img": false,
    "content": "By Andrew Higgins",
    "props": [
        {
            "start": 3,
            "steps": 14,
            "type": "link",
            "text": "Andrew Higgins",
            "href": "https://www.nytimes.com/by/andrew-higgins"
        }
    ]
}

In APP

Home Screen:

Reader Screen:

simplifyjournal_app's People

Contributors

fer-moreira avatar fmoreira17 avatar dependabot[bot] avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.