Skip to main content

​
Dashboard Laravel

Modern administrative dashboard built with Laravel 11, Bootstrap 5, and PostgreSQL

Get StartedView on GitHub

​
Key Features

Complete Authentication

Secure login, registration, and logout with bcrypt password hashing and CSRF protection

Real-time Dashboard

KPI metrics and interactive Chart.js visualizations for business insights

Client Management

Organize clients with segmentation: Premium, Regular, and Occasional tiers

Sales Tracking

Monitor orders with status tracking: Completed, Pending, In Transit

Invoice Management

Track payment status with filters for Paid, Pending, and Overdue invoices

Message System

Built-in inbox with chat interface and unread message counter

​
Tech Stack

Built with modern, production-ready technologies:
  • Backend: Laravel 11 / PHP 8.2
  • Database: PostgreSQL 15 with Eloquent ORM
  • Frontend: Bootstrap 5.3 + Custom Soft UI design system
  • Charts: Chart.js for interactive data visualizations
  • Authentication: Native Laravel Auth with bcrypt

​
Quick Start

1

Clone the repository

git clone https://github.com/sofih-ii/Dashboard_php.git
cd dashboard-laravel
2

Install dependencies

composer install
cp .env.example .env
php artisan key:generate
3

Configure database

Edit .env with your PostgreSQL credentials:
DB_CONNECTION=pgsql
DB_HOST=127.0.0.1
DB_PORT=5432
DB_DATABASE=dashboard_db
DB_USERNAME=postgres
DB_PASSWORD=your_password
4

Run migrations

php artisan migrate
5

Start the server

php artisan serve
Open your browser at http://127.0.0.1:8000

​
What You’ll Build

Dashboard Laravel provides a complete administrative interface with:
  • Statistics Module: Four interactive Chart.js graphs showing sales trends, customer demographics, top products, and distribution analytics
  • Analysis Dashboard: Traffic monitoring, conversion tracking, traffic source breakdowns, and most-visited pages
  • Business Operations: Complete CRUD for clients, sales orders, and invoices with status management
  • Communication: Message inbox with real-time chat interface
  • Configuration: Multi-tab settings for profile, security (2FA), notifications, and system preferences

​
Architecture

Built on Laravel’s MVC architecture:
  • Models: Eloquent ORM with relationships between Users, Clients, Sales, Invoices, and Messages
  • Controllers: Clean separation with AuthController for authentication logic
  • Views: Blade template inheritance with a base layout and 11 specialized views
  • Routes: Named routes with clear RESTful patterns

Development Guide

Learn about the project structure and architecture

API Reference

Explore controllers, models, and routes

​
Design System

Dashboard Laravel features a custom Soft UI design system with:
  • Color Palette: Cream backgrounds with vibrant card colors (yellow, pink, green, blue, lavender, peach)
  • Typography: DM Serif Display for headings, DM Sans for body text
  • Components: Responsive cards, charts, tables, and forms
  • Dark Sidebar: Consistent navigation with #1a1a1a sidebar and navbar
All styles are defined in /public/css/dashboard.css using CSS variables for easy customization.

​
Community

Dashboard Laravel is an academic project demonstrating Laravel 11 best practices.

GitHub Repository

View source code and contribute

Report Issues

Found a bug? Let us know

Build docs developers (and LLMs) love

Get started for freeTalk to us