Todo Laravel Project

Todo Laravel Project - Getting StartedTodo Laravel Project - Migration - Creating todos tableTodo Laravel Project - Model - Working with todos tableTodo Laravel Project - Laravel TinkerTodo Laravel Project - RoutesTodo Laravel Project - Routes - Home page routeTodo Laravel Project - Routes - Active, Done, Deleted page routesTodo Laravel Project - Blade Template - The master layoutTodo Laravel Project - Home page viewTodo Laravel Project - Navigation barTodo Laravel Project - Views for Active, Done and Deleted pagesTodo Laravel Project - Form to create new todo tasksTodo Laravel Project - Handle form submission - Create new todo taskTodo Laravel Project - Show todo task detailTodo Laravel Project - Controller - Creating the TodoControllerTodo Laravel Project - Form to edit todo tasksTodo Laravel Project - Edit action button for the todo tasksTodo Laravel Project - Handling update requestTodo Laravel Project - Delete action button for the todo tasksTodo Laravel Project - Handling delete request

Todo Laravel Project - Routes

Laravel Project

← PrevNext →

In this Laravel project tutorial we will learn to create Routes.

The route file

Route files are present inside the routes directory.

For this project we will be working with the routes/web.php file to create routes for the web requests.

Routes are used to map URLs to controllers or anonymous functions.

The web.php route file

If we open the web.php route file we will get to see the following code.

Route::get('/', function () {
  return view('welcome');
});

The above code is instructing Laravel that if you receive a GET request for the document root URL / then return the welcome view.

Requests can be GET, POST, PUT, PATCH, DELETE etc.

Views are saved inside the resources/views directory.

Laravel uses Blade templating engine. So, the welcome view code is inside the resources/views/welcome.blade.php file.

We will talk about views in the views tutorial.

Creating new routes

We will create new routes for our todo-laravel project using the following methods.

  • GET - To fetch tasks
  • POST - To create new task
  • PUT - To update an existing task
  • DELETE - To delete an existing task

And here are the routes.

/**
 * Get the ACTIVE todo tasks.
 */
Route::get('/', function() {
    // code to fetch todo tasks
});

/**
 * Get the ACTIVE todo tasks for a given page.
 */
Route::get('/todo/active/{page?}', function($page = 1) {
    // code to fetch the todo tasks on page = $page
});

/**
 * Get the DONE todo tasks for a given page.
 */
Route::get('/todo/done/{page?}', function($page = 1) {
    // code to fetch the todo tasks on page = $page
});

/**
 * Get the DELETED todo tasks for a given page.
 */
Route::get('/todo/deleted/{page?}', function($page = 1) {
    // code to fetch the todo tasks on page = $page
});

/**
 * Get a specific todo task by id.
 */
Route::get('/todo/{id}', function($id) {
    // code to fetch todo task having id = $id
});

/**
 * Create a new todo task.
 */
Route::post('/todo', function() {
    // code to create new todo task
});

/**
 * Update a specific todo task by id.
 */
Route::put('/todo/{id}', function($id) {
    // code to update todo task having id = $id
});

/**
 * Delete a specific todo task by id.
 */
Route::delete('/todo/{id}', function($id) {
    // code to delete todo task having id = $id
});

Note! At this moment the routes will do nothing as they have no code.

In the coming tutorials we will dive deeper into each of the routes.

Alright, see you in the next tutorial. Have fun coding :)

← PrevNext →