CRUD with JavaScript Fetch and the Platzi Fake Store API

CRUD stands for Create, Read, Update, and Delete — the four basic operations used when interacting with data in any application. With JavaScript and the Fetch API, you can communicate with a backend server (like the Platzi Fake Store API) to perform CRUD operations on product data. Read You can retrieve all products or a specific product by ID or slug: All Products: GET https://api.escuelajs.co/api/v1/products By ID: GET https://api.escuelajs.co/api/v1/products/4 By Slug: GET https://api.escuelajs.co/api/v1/products/slug/handmade-fresh-table Create To add a new product: POST https://api.escuelajs.co/api/v1/products Include product data in the request body as JSON. Update To modify an existing product: PUT https://api.escuelajs.co/api/v1/products/1 Pass updated fields in the request body. Delete To remove a product: DELETE https://api.escuelajs.co/api/v1/products/1

Jun 7, 2025 - 14:50
 0
CRUD with JavaScript Fetch and the Platzi Fake Store API

Image description
CRUD stands for Create, Read, Update, and Delete — the four basic operations used when interacting with data in any application.

With JavaScript and the Fetch API, you can communicate with a backend server (like the Platzi Fake Store API) to perform CRUD operations on product data.

  1. Read You can retrieve all products or a specific product by ID or slug:

All Products: GET https://api.escuelajs.co/api/v1/products

By ID: GET https://api.escuelajs.co/api/v1/products/4

By Slug: GET https://api.escuelajs.co/api/v1/products/slug/handmade-fresh-table

  1. Create To add a new product:

POST https://api.escuelajs.co/api/v1/products

Include product data in the request body as JSON.

  1. Update To modify an existing product:

PUT https://api.escuelajs.co/api/v1/products/1

Pass updated fields in the request body.

  1. Delete To remove a product:

DELETE https://api.escuelajs.co/api/v1/products/1