Why APIs serve modern applications in Laravel - See It in Action

Why APIs Serve Modern Applications

📖 Scenario: You are building a simple Laravel backend that provides data to a frontend app through an API. This setup is common in modern web development where the backend and frontend are separate but communicate smoothly.

🎯 Goal: Create a basic Laravel API endpoint that returns a list of products in JSON format. This will show how APIs serve data to modern applications.

📋 What You'll Learn

Create a products array with exact product names and prices

Add a configuration variable currency set to 'USD'

Write a function getProductsApi() that returns products with prices including the currency

Define a route /api/products that calls getProductsApi() and returns JSON

💡 Why This Matters

🌍 Real World

Modern web and mobile apps often get their data from backend APIs. This separation allows teams to build flexible, scalable applications where frontend and backend can evolve independently.

💼 Career

Understanding how to create and serve APIs with Laravel is essential for backend developers. It is a common task in many web development jobs to build APIs that serve data to various clients.

1

DATA SETUP: Create the products array

Create a PHP array called products with these exact entries: ['Laptop' => 1200, 'Smartphone' => 800, 'Tablet' => 450].

Laravel

<?php

// Create the products array here

Need a hint?

Use a PHP associative array with product names as keys and prices as values.

2

CONFIGURATION: Add currency variable

Add a variable called currency and set it to the string 'USD'.

Laravel

 1200, 'Smartphone' => 800, 'Tablet' => 450];

// Add the currency variable here

Need a hint?

This variable will help show prices with the currency symbol.

3

CORE LOGIC: Create API function to return products with currency

Write a function called getProductsApi() that returns an array where each product price is a string combining the price and the currency variable. Use a foreach loop with variables $name and $price to iterate over $products.

Laravel

 1200, 'Smartphone' => 800, 'Tablet' => 450];
$currency = 'USD';

function getProductsApi() {
    // Your code here
}

Need a hint?

Use global to access variables inside the function. Build a new array with prices as strings including currency.

4

COMPLETION: Define API route to return JSON response

Add a Laravel route in routes/api.php for /api/products that returns the JSON response from getProductsApi() using response()->json().

Laravel

 1200, 'Smartphone' => 800, 'Tablet' => 450];
$currency = 'USD';

function getProductsApi() {
    global $products, $currency;
    $result = [];
    foreach ($products as $name => $price) {
        $result[$name] = "$price $currency";
    }
    return $result;
}

// Define the API route here

Need a hint?

Use Laravel's Route facade to define a GET route that returns JSON data.