A Simple to use CRUD API for your Todos application. This API is ready to use with any frontend/backend framework or language.

Endpoints

How to Use

Todo List API

Details Response Try Now

Try Now - Todo List API

Close modal

fetch('https://simplecrudapi.com/api/todos')
	.then(response => response.json())
	.then(json => console.log(json))
	.catch(error => console.error(error));

Run

fetch('https://simplecrudapi.com/api/todos')
	.then(response => response.json())
	.then(json => console.log(json))
	.catch(error => console.error(error));

{
    "data": [
        {
            "id": 1,
            "title": "Sample Todo",
            "description": "This is a sample todo item",
            "completed": true,
            "user": {
                "id": 1,
                "name": "Jhon Doe",
                "email": "jhondoe@example.com",
                "email_verified_at": "2019-08-24T14:15:22Z",
                "created_at": "2019-08-24T14:15:22Z",
                "updated_at": "2019-08-24T14:15:22Z"
            },
            "created_at": "2019-08-24T14:15:22Z",
            "updated_at": "2019-08-24T14:15:22Z"
        }
    ],
    "links": {
        "first": "http:\/\/127.0.0.1:8000\/api\/todos?page=1",
        "last": "http:\/\/127.0.0.1:8000\/api\/todos?page=1",
        "prev": null,
        "next": null
    },
    "meta": {
        "current_page": 1,
        "from": 1,
        "last_page": 1,
        "links": [
            {
                "url": null,
                "label": "« Previous",
                "active": false
            },
            {
                "url": "http:\/\/127.0.0.1:8000\/api\/todos?page=1",
                "label": "1",
                "active": true
            },
            {
                "url": null,
                "label": "Next »",
                "active": false
            }
        ],
        "path": "http:\/\/127.0.0.1:8000\/api\/todos",
        "per_page": 20,
        "to": 1,
        "total": 1
    }
}

Todo Detail API

Details Response Try Now

Try Now - Todo Detail API

Close modal

fetch('https://simplecrudapi.com/api/todos/1')
	.then(response => response.json())
	.then(json => console.log(json))
	.catch(error => console.error(error));

Run

fetch('https://simplecrudapi.com/api/todos/1')
	.then(response => response.json())
	.then(json => console.log(json))
	.catch(error => console.error(error));

{
    "data": {
        "id": 1,
        "title": "Sample Todo",
        "description": "This is a sample todo item",
        "completed": true,
        "user": {
            "id": 1,
            "name": "Jhon Doe",
            "email": "jhondoe@example.com",
            "email_verified_at": "2019-08-24T14:15:22Z",
            "created_at": "2019-08-24T14:15:22Z",
            "updated_at": "2019-08-24T14:15:22Z"
        },
        "created_at": "2019-08-24T14:15:22Z",
        "updated_at": "2019-08-24T14:15:22Z"
    }
}

Todo Create API

Details Response Try Now

Try Now - Todo Create API

Close modal

fetch('https://simplecrudapi.com/api/todos', {
	method: 'POST', 
	headers: {
		'Content-Type': 'application/json'
	},
	body: JSON.stringify({
		title: 'Sample Todo',
		description: 'This is a sample todo item',
		user_id: '',
		completed: ''
	})
})
	.then(response => response.json())
	.then(json => console.log(json))
	.catch(error => console.error('Error posting data:', error));

Run

fetch('https://simplecrudapi.com/api/todos', {
	method: 'POST', 
	headers: {
		'Content-Type': 'application/json'
	},
	body: JSON.stringify({
		title: 'Sample Todo',
		description: 'This is a sample todo item',
		user_id: '',
		completed: ''
	})
})
	.then(response => response.json())
	.then(json => console.log(json))
	.catch(error => console.error('Error posting data:', error));

{
    "data": {
        "id": 1,
        "title": "Sample Todo",
        "description": "This is a sample todo item",
        "completed": true,
        "user": {
            "id": 1,
            "name": "Jhon Doe",
            "email": "jhondoe@example.com",
            "email_verified_at": "2019-08-24T14:15:22Z",
            "created_at": "2019-08-24T14:15:22Z",
            "updated_at": "2019-08-24T14:15:22Z"
        },
        "created_at": "2019-08-24T14:15:22Z",
        "updated_at": "2019-08-24T14:15:22Z"
    }
}

Todo Update API

Details Response Try Now

Try Now - Todo Update API

Close modal

fetch('https://simplecrudapi.com/api/todos/1', {
	method: 'PUT', 
	headers: {
		'Content-Type': 'application/json'
	},
	body: JSON.stringify({
		title: '',
		description: '',
		completed: '',
		user_id: ''
	})
})
	.then(response => response.json())
	.then(json => console.log(json))
	.catch(error => console.error('Error updating data:', error));

Run

fetch('https://simplecrudapi.com/api/todos/1', {
	method: 'PUT', 
	headers: {
		'Content-Type': 'application/json'
	},
	body: JSON.stringify({
		title: '',
		description: '',
		completed: '',
		user_id: ''
	})
})
	.then(response => response.json())
	.then(json => console.log(json))
	.catch(error => console.error('Error updating data:', error));

{
    "data": {
        "id": 1,
        "title": "Updated Todo",
        "description": "Updated description of the todo item",
        "completed": false,
        "user": {
            "id": 1,
            "name": "Jhon Doe",
            "email": "jhondoe@example.com",
            "email_verified_at": "2019-08-24T14:15:22Z",
            "created_at": "2019-08-24T14:15:22Z",
            "updated_at": "2019-11-09T12:00:00Z"
        },
        "created_at": "2019-08-24T14:15:22Z",
        "updated_at": "2019-11-09T12:00:00Z"
    }
}

Todo Delete API

Details Response Try Now

Try Now - Todo Delete API

Close modal

fetch('https://simplecrudapi.com/api/todos/1', {
	method: 'DELETE', 
	headers: {
		'Content-Type': 'application/json'
	}
})
	.then(response => response.json())
	.then(json => console.log(json))
	.catch(error => console.error('Error deleting data:', error));

Run

fetch('https://simplecrudapi.com/api/todos/1', {
	method: 'DELETE', 
	headers: {
		'Content-Type': 'application/json'
	}
})
	.then(response => response.json())
	.then(json => console.log(json))
	.catch(error => console.error('Error deleting data:', error));

{
    "data": {
        "id": 1,
        "title": "Sample Todo",
        "description": "This is a sample todo item",
        "completed": true,
        "user": {
            "id": 1,
            "name": "Jhon Doe",
            "email": "jhondoe@example.com",
            "email_verified_at": "2019-08-24T14:15:22Z",
            "created_at": "2019-08-24T14:15:22Z",
            "updated_at": "2019-08-24T14:15:22Z"
        },
        "created_at": "2019-08-24T14:15:22Z",
        "updated_at": "2019-08-24T14:15:22Z"
    }
}