---

Article Application

---

This is a sample REST API application uses laravel and Vue.js. It allows you POST,GET,PUT,DELETE request to manage articles.

---

Technologies used;

✔️ Laravel 5.5.48 as framework

✔️ Composer for dependency management

✔️ Mysql 5.7.12 for database management

✔️ Restful Web Services

✔️ Vue.js with FrontEnd

---

---

Installation

• Clone the repository and go to project directory.

    git clone https://github.com/elevliaykut/articlesapp.git
  
    cd articlesapp
  

• Rename .env.example to .env

• Connect to MySQL and create a database.

    mysql -u root -p
  
    create database 'larticles'
  

• Update the .env file with database connection details.

    DB_DATABASE=larticles
    DB_USERNAME=username
    DB_PASSWORD=password
  

• After setting the environment, run the build.sh

• Install package manager to Vue.js

    npm install
  
    npm run watch
  

and you're all done! You have startted the server on http://127.0.0.1:3000/

---

Sending Request

You can sent request usiing Postman.

Articles Details

Request

Method	URL
GET	api/articles

Response

Using pagination to list just five data.

{
    "data": [
        {
            "id": 34,
            "title": "Odio et eos ea soluta eum.",
            "body": "Ut non facilis aperiam quia. Nam est vero reiciendis facere asperiores ipsam consequatur. Minus eius ut ipsum sit."
        },
        {
            "id": 33,
            "title": "Nostrum beatae earum error optio temporibus.",
            "body": "Aliquid sed laboriosam qui aut minima eaque. Possimus sed vero doloremque qui culpa ullam."
        },
        {
            "id": 31,
            "title": "Test Tile",
            "body": "TestBody"
        },
        {
            "id": 1,
            "title": "Nostrum beatae earum error optio temporibus.",
            "body": "Aliquid sed laboriosam qui aut minima eaque. Possimus sed vero doloremque qui culpa ullam."
        },
        {
            "id": 3,
            "title": "Odio et eos ea soluta eum.",
            "body": "Ut non facilis aperiam quia. Nam est vero reiciendis facere asperiores ipsam consequatur. Minus eius ut ipsum sit."
        }
    ],
    "links": {
        "first": "http://127.0.0.1:8000/api/articles?page=1",
        "last": "http://127.0.0.1:8000/api/articles?page=7",
        "prev": null,
        "next": "http://127.0.0.1:8000/api/articles?page=2"
    },
    "meta": {
        "current_page": 1,
        "from": 1,
        "last_page": 7,
        "path": "http://127.0.0.1:8000/api/articles",
        "per_page": 5,
        "to": 5,
        "total": 32
    }
}

---

Get Details Of Articles by id

Return the list of details with id given.

Request

Method	URL
GET	api/article/3

Response

    {
        "data": {
            "id": 3,
            "title": "Odio et eos ea soluta eum.",
            "body": "Ut non facilis aperiam quia. Nam est vero reiciendis facere asperiores ipsam consequatur. Minus eius ut ipsum sit."
        },
        "version": "1.0.0",
        "author_url": "http://aykutelevli.me"
    }

---

Create New Article

Request

Method	URL
POST	/article

Response

{
    "data": {
        "id": 16,
        "title": "New Title",
            "body": "New Body"
        },
        "version": "1.0.0",
        "author_url": "http://aykutelevli.me"
}

---

Update Article affairs by id

Update artiicle given by id.

Method	URL
PUT	/article/id

Request

{
    "data": {
        "id": 3,
        "title": "Update Title",
        "body": "Update body"
        },
        "version": "1.0.0",
        "author_url": "http://aykutelevli.me"
}

---

Delete Article affairs by id

Delete article given by id.

Request

Method	URL
Delete	article/3

Response

     {
             null, 204
     }

---