All Projects → kossa → Laradminator

kossa / Laradminator

Licence: mit
Integration of Adminator into Laravel 6.x/7.x/8.x with RTL support

Programming Languages

es6
455 projects

Projects that are alternatives of or similar to Laradminator

Nebula
Nebula is a minimalistic and easy to use administration tool for Laravel applications, made with Laravel, Alpine.js, and Tailwind CSS.
Stars: ✭ 190 (+11.76%)
Mutual labels:  laravel, dashboard, admin
Coreui Free Laravel Admin Template
CoreUI Free Laravel Bootstrap Admin Template
Stars: ✭ 353 (+107.65%)
Mutual labels:  laravel, dashboard, admin
Coreui Free Vue Admin Template
Open source admin template based on Bootstrap 5 and Vue 3
Stars: ✭ 2,951 (+1635.88%)
Mutual labels:  html5, dashboard, admin
Stisla
Free Bootstrap Admin Template
Stars: ✭ 2,772 (+1530.59%)
Mutual labels:  html5, dashboard, admin
Sing App
💥Free and open-source admin dashboard template built with Bootstrap 4.5 💥
Stars: ✭ 1,187 (+598.24%)
Mutual labels:  sass, dashboard, admin
Platform
A @laravel based RAD platform for back-office applications, admin/user panels, and dashboards.
Stars: ✭ 2,623 (+1442.94%)
Mutual labels:  laravel, dashboard, admin
Coreui Free React Admin Template
CoreUI React is a free React admin template based on Bootstrap 5
Stars: ✭ 3,573 (+2001.76%)
Mutual labels:  html5, dashboard, admin
Vue Material Admin
A vue material design admin template
Stars: ✭ 2,170 (+1176.47%)
Mutual labels:  laravel, dashboard, admin
Tabler
Tabler is free and open-source HTML Dashboard UI Kit built on Bootstrap
Stars: ✭ 24,611 (+14377.06%)
Mutual labels:  sass, html5, dashboard
Ngx Admin
Customizable admin dashboard template based on Angular 10+
Stars: ✭ 23,286 (+13597.65%)
Mutual labels:  sass, dashboard, admin
Modular Admin Html
ModularAdmin - Free Dashboard Theme Built On Bootstrap 4 | HTML Version
Stars: ✭ 2,875 (+1591.18%)
Mutual labels:  sass, dashboard, admin
Light Blue Dashboard
🔥 Free and open-source admin dashboard template built with Bootstrap
Stars: ✭ 110 (-35.29%)
Mutual labels:  sass, dashboard, admin
Cleopatra
Admin Dashboard Template Built On Tailwind CSS
Stars: ✭ 521 (+206.47%)
Mutual labels:  sass, dashboard, admin
Staradmin Free Bootstrap Admin Template
A Free Responsive Admin Dashboard Template Built With Bootstrap 4. Elegant UI Theme for Your Web App!
Stars: ✭ 1,191 (+600.59%)
Mutual labels:  sass, dashboard, admin
Laravue
Admin dashboard for enterprise Laravel applications built by VueJS and Element UI https://laravue.dev
Stars: ✭ 1,964 (+1055.29%)
Mutual labels:  laravel, dashboard, admin
Gatsby Admin Template
Free admin dashboard template based on Gatsby with @paljs/ui component package
Stars: ✭ 124 (-27.06%)
Mutual labels:  dashboard, admin
Laravel Filemanager
Media gallery with CKEditor, TinyMCE and Summernote support. Built on Laravel file system.
Stars: ✭ 1,688 (+892.94%)
Mutual labels:  laravel, admin
Fast
Develop, build, deploy, redeploy, and teardown frontend projects fast.
Stars: ✭ 126 (-25.88%)
Mutual labels:  sass, html5
Echat
基于Vue的点对点聊天项目
Stars: ✭ 130 (-23.53%)
Mutual labels:  sass, html5
Urpm
urpm 是一套基于Laravel封装的后台用户管理权限系统,能够让开发者不用再关心权限问题,实现后台功能的快速开发。
Stars: ✭ 118 (-30.59%)
Mutual labels:  laravel, admin

Laradminator

Laravel PHP Framework with Adminator as admin dash

Setup:

All you need is to run these commands:

git clone https://github.com/kossa/laradminator.git

cd laradminator

composer install # Install backend dependencies

sudo chmod 777 storage/ -R # Chmod Storage

php artisan storage:link # Enable link to storage

cp .env.example .env # Update database credentials configuration

php artisan key:generate # Generate new keys for Laravel

php artisan migrate:fresh --seed # Run migration and seed users and categories for testing

yarn install # or npm i to Install node dependencies(>= node 9.x)

npm run production # To compile assets for prod

Demo:

Note: Username: [email protected] Password: 123456

All the data are reset each 30mn ;) please d'ont forget to remove this function in your app


Included Packages:

Laravel (php):

JS plugins:

Page size optimization:

  • Using Laravel Mix, all CSS and JS are in minified to one file each.
  • Laradminator leverages browser caching, using .htaccess file from html5-boilerplate
  • GZip compression is activated by default(APP_DEBUG=false => only onfile for js, and one file for css).
  • app.css: 107 KB with gzip (943 Kb without)
  • app.js : 427 KB with gzip (1.4 Mb without)

Note: If you're using Nginx check: server-configs-nginx

alt text

RTL support

Uncomment this line and you have the RTL version

alt text

How can I use custom CSS and JS ?

The current architecture of assets are inspired from adminator, so all assets(css and js) are located in resources. if you want to add new component, like select2 juste create file like resources/js/select2/index.js, and don't forget to load it in bootstrap.js

If you want to update the CSS, you can put them directly in resources/sass/app.scss or create new file under resources/sass and import it in resources/sass/app.scss

VERY IMPORTANT: Any change you make on resources you have to run : npm run dev or npm run prod.

If you have a lot of changes it's much better to run: npm run watch to watch any changes on your files, take a look on browersync

Create new CRUD

Creating CRUD in your application is the job you do most. Let's create Post CRUD:

  • Add new migration and model : php artisan make:model Post -m

  • Open migration file and add your columns

  • Create PostsController : php artisan make:controller PostController. fill your resource (you can use UserController with some changes) or, if you are a lazy developer like me, use a snippet and make only 2 changes

  • Duplicate resource/views/admin/users folder to posts, make changes in index.php, create.blade.php, edit.blade.php

Move Image and file ?

To move images im using a helper function based on intervention/image and variables.php

you can check full example in User.php

Do you have question ?

Not hesitate, open new issue ;)

License

Laradminator is licensed under The MIT License (MIT). Which means that you can use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the final products.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].