Thuta Learning
AdvancedProgrammingbeginner

REST API Integration

Relax. We'll talk through this in plain words — no textbook voice.

REST API integration means using the Fetch API to communicate with a server.

⚡ Key Concepts:

• RESTful endpoints

• JSON data format

• Status codes (200, 404, 500)

• CRUD operations

javascript
// Simulated REST API operations

class UserAPI {
    constructor() {
        this.users = [
            { id: 1, name: "Aung Kyaw", email: "aung@example.com" },
            { id: 2, name: "Su Su", email: "susu@example.com" }
        ];
    }
    
    // GET all users
    getUsers() {
        return { status: 200, data: this.users };
    }
    
    // GET user by ID
    getUser(id) {
        const user = this.users.find(u => u.id === id);
        return user 
            ? { status: 200, data: user }
            : { status: 404, error: "User not found" };
    }
    
    // POST create user
    createUser(userData) {
        const newUser = { id: this.users.length + 1, ...userData };
        this.users.push(newUser);
        return { status: 201, data: newUser };
    }
}

const api = new UserAPI();
console.log("GET /users:", api.getUsers());
console.log("GET /users/1:", api.getUser(1));
console.log("POST /users:", api.createUser({ 
    name: "Min Min", 
    email: "min@example.com" 
}));
You should see
GET /users: {status: 200, data: Array(2)} GET /users/1: {status: 200, data: {id: 1, name: 'Aung Kyaw'...}} POST /users: {status: 201, data: {id: 3, name: 'Min Min'...}}
REST API Integration | Thuta Learning