Data APIs

fetch('https://mockly.me/user/basic')
    .then(response => response.json())
    .then(data => {
        console.log(data);
        // Example: display user name
        document.getElementById('username').textContent = data.name;
    });

import requests

    response = requests.get('https://mockly.me/user/basic')
    user_data = response.json()
    print(f"User: {user_data['name']}")
    print(f"Email: {user_data['email']}")

// Get a list of 10 users
    fetch('https://mockly.me/users?count=10')
    .then(response => response.json())
    .then(users => {
        // Generate user list in HTML
        const userList = document.getElementById('user-list');
        users.forEach(user => {
        const item = document.createElement('li');
        item.textContent = `${user.name} - ${user.job_title}`;
        userList.appendChild(item);
        });
    });

import requests

    response = requests.get('https://mockly.me/users?count=5')
    users = response.json()

    for user in users:
        print(f"Name: {user['name']}")
        print(f"Job: {user['job_title']}")
        print(f"Location: {user['location']}")
        print("---")

fetch('https://mockly.me/product')
    .then(response => response.json())
    .then(product => {
        // Display product details
        document.getElementById('product-name').textContent = product.name;
        document.getElementById('product-price').textContent = `$${product.price}`;
        document.getElementById('product-rating').textContent = `${product.rating}⭐`;
    });

import requests

    response = requests.get('https://mockly.me/product')
    product = response.json()

    print(f"Product: {product['name']}")
    print(f"Price: ${product['price']}")
    print(f"Category: {product['category']}")
    print(f"In stock: {'Yes' if product['in_stock'] else 'No'}")

// Paginated product list
    fetch('https://mockly.me/products?limit=5&skip=0')
    .then(response => response.json())
    .then(data => {
        const products = data.products;
        const productGrid = document.getElementById('product-grid');
        
        products.forEach(product => {
        const card = document.createElement('div');
        card.className = 'product-card';
        card.innerHTML = `
            
${product.title}
            
$${product.price}
            
${product.rating}⭐ (${product.stock} in stock)
        `;
        productGrid.appendChild(card);
        });
    });

import requests

    response = requests.get('https://mockly.me/products?limit=5')
    data = response.json()

    print(f"Total products: {data['total']}")
    print("Products:")

    for product in data['products']:
        print(f"- {product['title']} (${product['price']})")
        print(f"  Brand: {product['brand']}, Category: {product['category']}")

fetch('https://mockly.me/posts?limit=5')
    .then(response => response.json())
    .then(data => {
        const posts = data.posts;
        const postsContainer = document.getElementById('posts-container');
        
        posts.forEach(post => {
        const postElement = document.createElement('article');
        postElement.className = 'post';
        postElement.innerHTML = `
            
${post.title}
            
${post.tags.map(tag => `${tag}`).join('')}
            
${post.body.substring(0, 150)}...
            

            👤 User: ${post.userId}
            ❤️ ${post.reactions}
            📅 ${post.date}
            
        `;
        postsContainer.appendChild(postElement);
        });
    });

import requests

    response = requests.get('https://mockly.me/posts?limit=3')
    data = response.json()

    print(f"Total posts: {data['total']}")

    for post in data['posts']:
        print(f"\nTitle: {post['title']}")
        print(f"Tags: {', '.join(post['tags'])}")
        print(f"Date: {post['date']}")
        print(f"Reactions: {post['reactions']}")
        print("Preview: " + post['body'][:100] + "...")

// Get placeholder text for a specific purpose
    fetch('https://mockly.me/text?length=short&type=technical')
    .then(response => response.json())
    .then(data => {
        // Insert the generated text into a placeholder
        document.getElementById('placeholder-text').textContent = data.text;
    });

import requests

    # Get lorem ipsum placeholder text
    response = requests.get('https://mockly.me/text?length=long&type=lorem')
    data = response.json()

    # Print the first 100 characters
    print(data['text'][:100] + "...")