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

Endpoints

How to Use

Photo List API

Details Response Try Now

Try Now - Photo List API

Close modal

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

Run

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

{
    "data": [
        {
            "id": 1,
            "title": "Sunset Over the Ocean",
            "description": "A breathtaking view of the sunset over the ocean, captured during a peaceful evening walk. The vibrant colors and tranquil waves create the perfect harmony.",
            "url": "https:\/\/via.placeholder.com\/640x480.png\/000088?text=Sunset",
            "uploaded_at": "2024-11-09 20:09:42"
        }
    ],
    "links": {
        "first": "http:\/\/127.0.0.1:8000\/api\/photos?page=1",
        "last": "http:\/\/127.0.0.1:8000\/api\/photos?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\/photos?page=1",
                "label": "1",
                "active": true
            },
            {
                "url": null,
                "label": "Next »",
                "active": false
            }
        ],
        "path": "http:\/\/127.0.0.1:8000\/api\/photos",
        "per_page": 20,
        "to": 1,
        "total": 1
    }
}

Photo Detail API

Details Response Try Now

Try Now - Photo Detail API

Close modal

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

Run

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

{
    "data": {
        "id": 1,
        "title": "Sunset Over the Ocean",
        "description": "A breathtaking view of the sunset over the ocean, captured during a peaceful evening walk. The vibrant colors and tranquil waves create the perfect harmony.",
        "url": "https:\/\/via.placeholder.com\/640x480.png\/000088?text=Sunset",
        "uploaded_at": "2024-11-09 20:09:42"
    }
}

Photo Create API

Details Response Try Now

Try Now - Photo Create API

Close modal

fetch('https://simplecrudapi.com/api/photos', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({
    title: 'Beautiful Sunset',
    description: 'A stunning view of the sunset over the mountains.',
    url: 'https://via.placeholder.com/640x480.png/006644?text=enim'
  })
})
	.then(response => response.json())
	.then(json => console.log(json))
	.catch(error => console.error(error));

Run

fetch('https://simplecrudapi.com/api/photos', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({
    title: 'Beautiful Sunset',
    description: 'A stunning view of the sunset over the mountains.',
    url: 'https://via.placeholder.com/640x480.png/006644?text=enim'
  })
})
	.then(response => response.json())
	.then(json => console.log(json))
	.catch(error => console.error(error));

{
    "data": {
        "id": 1,
        "title": "Beautiful Sunset",
        "description": "A stunning view of the sunset over the mountains.",
        "url": "https:\/\/via.placeholder.com\/640x480.png\/000088?text=Sunset",
        "uploaded_at": "2024-11-09 20:09:42"
    }
}

Photo Update API

Details Response Try Now

Try Now - Photo Update API

Close modal

fetch('https://simplecrudapi.com/api/photos/1', {
  method: 'PUT',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({
    title: 'Updated Sunset Photo',
    description: 'A beautiful updated sunset view.',
    url: 'https://via.placeholder.com/640x480.png/006644?text=sunset'
  })
})
	.then(response => response.json())
	.then(json => console.log(json))
	.catch(error => console.error(error));

Run

fetch('https://simplecrudapi.com/api/photos/1', {
  method: 'PUT',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({
    title: 'Updated Sunset Photo',
    description: 'A beautiful updated sunset view.',
    url: 'https://via.placeholder.com/640x480.png/006644?text=sunset'
  })
})
	.then(response => response.json())
	.then(json => console.log(json))
	.catch(error => console.error(error));

{
    "data": {
        "id": 1,
        "title": "Updated Sunset Photo",
        "description": "A beautiful updated sunset view",
        "url": "https:\/\/via.placeholder.com\/640x480.png\/000088?text=Sunset",
        "uploaded_at": "2024-11-09 20:09:42"
    }
}

Photo Delete API

Details Response Try Now

Try Now - Photo Delete API

Close modal

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

Run

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

{
    "data": {
        "id": 1,
        "title": "Sunset Over the Ocean",
        "description": "A breathtaking view of the sunset over the ocean, captured during a peaceful evening walk. The vibrant colors and tranquil waves create the perfect harmony.",
        "url": "https:\/\/via.placeholder.com\/640x480.png\/000088?text=Sunset",
        "uploaded_at": "2024-11-09 20:09:42"
    }
}