Show | Free Bootstrap 4 HTML5 Admin Dashboard

Admin Dashboard is a free Bootstrap 4 admin template inspired by Google’s Material Design principles. By choosing the Material Dashboard template for your project, you benefit from a clean, modern UI that follows Google’s best practices for user experience. Additionally, the template offers a robust set of tools and components that make it easy to customize the dashboard to fit your project’s branding and functionality needs.

Step 1: Install Laravel 8

Open your terminal and run the following command to create a new Laravel application:

composer create-project --prefer-dist laravel/laravel laravel_call_api_basic

Step 2: Configure Database Credentials

Update your .env file located in the root of your Laravel project with your database details:

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=your_db        # Replace with your database name
DB_USERNAME=root           # Replace with your DB username
DB_PASSWORD=your_password  # Replace with your DB password

Step 3: (Optional) Configure Mail Settings

To send emails (e.g., for forgot password), also update mail credentials in .env:

MAIL_MAILER=smtp
MAIL_HOST=smtp.mailtrap.io
MAIL_PORT=2525
MAIL_USERNAME=your_username
MAIL_PASSWORD=your_password
MAIL_ENCRYPTION=null
MAIL_FROM_ADDRESS=noreply@example.com
MAIL_FROM_NAME="${APP_NAME}"

Step 4: Create a Basic Home Page

Inside resources/views, create or edit the file home.blade.php:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>soengsouy.com</title>

    <!-- Favicon -->
    <link rel="icon" type="image/png" sizes="16x16" href="images/favicon.png">

    <!-- Pignose Calendar -->
    <link href="./plugins/pg-calendar/css/pignose.calendar.min.css" rel="stylesheet">

    <!-- Chartist -->
    <link rel="stylesheet" href="./plugins/chartist/css/chartist.min.css">
    <link rel="stylesheet" href="./plugins/chartist-plugin-tooltips/css/chartist-plugin-tooltip.css">

    <!-- Custom CSS -->
    <link href="css/style.css" rel="stylesheet">
</head>
<body>
</body>
</html>

Step 9: Run Development Server

After setting everything up, start the Laravel development server:

php artisan serve

Then open your browser and go to:

http://localhost/laravel_call_api_basic/public/

Admin Template