Basic route definition in Laravel - Mini Project: Build & Apply

Basic route definition

📖 Scenario: You are building a simple Laravel web application that needs to respond to user visits on specific web addresses (routes).Each route will show a simple message to the visitor.

🎯 Goal: Create basic routes in Laravel that return simple text responses when users visit the URLs.

📋 What You'll Learn

Create a route for the home page ('/') that returns the text 'Welcome to the homepage!'

Create a route for '/about' that returns the text 'About us page'

Create a route for '/contact' that returns the text 'Contact us here'

Use Laravel's Route facade and closure syntax for defining routes

💡 Why This Matters

🌍 Real World

Defining routes is the first step in building any Laravel web application to respond to user requests.

💼 Career

Understanding basic route definitions is essential for backend web developers working with Laravel.

1

Create the home page route

Create a route for the home page URL '/' using Route::get that returns the text 'Welcome to the homepage!'.

Laravel

<?php

use Illuminate\Support\Facades\Route;

// Create a route for '/' that returns 'Welcome to the homepage!'
// Your code here

Need a hint?

Use Route::get with the URL '/' and a closure that returns the welcome text.

2

Add the about page route

Add a route for the URL '/about' using Route::get that returns the text 'About us page'.

Laravel

<?php

use Illuminate\Support\Facades\Route;

Route::get('/', function () {
    return 'Welcome to the homepage!';
});

// Add a route for '/about' that returns 'About us page'
// Your code here

Need a hint?

Use Route::get with the URL '/about' and a closure that returns the about text.

3

Add the contact page route

Add a route for the URL '/contact' using Route::get that returns the text 'Contact us here'.

Laravel

<?php

use Illuminate\Support\Facades\Route;

Route::get('/', function () {
    return 'Welcome to the homepage!';
});

Route::get('/about', function () {
    return 'About us page';
});

// Add a route for '/contact' that returns 'Contact us here'
// Your code here

Need a hint?

Use Route::get with the URL '/contact' and a closure that returns the contact text.

4

Complete the routes file

Ensure the routes file includes all three routes for '/', '/about', and '/contact' with their respective return texts as closures.

Laravel

<?php

use Illuminate\Support\Facades\Route;

Route::get('/', function () {
    return 'Welcome to the homepage!';
});

Route::get('/about', function () {
    return 'About us page';
});

Route::get('/contact', function () {
    return 'Contact us here';
});

// Confirm all routes are defined correctly
// Your code here

Need a hint?

Check that all three routes are present and return the correct text.