Forem: Mehedi Hasan Sagor

Introducing a Flexible and Framework-Agnostic Laravel Livewire Modal Package

Mehedi Hasan Sagor — Sun, 18 Aug 2024 17:43:43 +0000

Introducing a Flexible Laravel Livewire Modal Package

Laravel and Livewire have revolutionized the way we build dynamic applications with minimal JavaScript. But when it comes to handling modals, most solutions tend to lock us into specific design frameworks like Bootstrap or Tailwind CSS. What if you need the flexibility to choose your design system? That’s where my newly released Laravel Livewire Modal package comes in!

🚀 What Is This Package?

The Laravel Livewire Modal package is a framework-agnostic solution for handling modals in your Livewire projects. It’s designed to work seamlessly with Bootstrap, Tailwind CSS, or any custom styles. Whether you’re working on a brand new project or integrating into an existing one, this package adapts to your needs.

✨ Key Features

Framework-Agnostic: Use with Bootstrap, Tailwind CSS, or your own custom styles.
Easy Integration: Simple Livewire events to open and close modals.
Dynamic Data Handling: Pass data effortlessly to your modal components.
Customizable and Lightweight: No enforced styles, allowing you to maintain full control over your design.

🛠️ Installation & Setup

You can get started by installing the package via Composer:

composer require sagor110090/livewire-modal

Next, add the following line to your app.blade.php layout file to enable modals throughout your application:

<livewire:modals/>

Also, don’t forget to include the required JS and CSS in your resources/js/app.js:

import '../../vendor/sagor110090/livewire-modal/resources/js/loader.js';
import '../../vendor/sagor110090/livewire-modal/resources/css/loader.css';

📦 Usage Example

Here’s how easy it is to open and close modals using this package:

Opening a Modal

<button wire:click="$dispatch('openModal', { component: 'edit-user', data: { id: {{ $user->id }} } })">
    Open Modal
</button>

Closing a Modal

<button type="button" wire:click="$dispatch('closeModal')">
    Cancel
</button>

Creating a Livewire Component

To get you started, here’s a sample Livewire component for editing a user:

<?php

namespace App\Livewire;

use App\Models\User;
use Livewire\Component;

class EditUser extends Component
{
    public $user;

    public function mount($id)
    {
        $this->user = User::find($id);
    }

    public function render()
    {
        return view('livewire.edit-user');
    }
}

Customizing Your Modal Design

This package is completely design-agnostic, meaning you can use any framework to style your modals. For example, if you’re using Tailwind CSS:

<div class="fixed inset-0 flex items-center justify-center bg-gray-900 bg-opacity-50">
    <div class="bg-white rounded-lg shadow-lg p-6">
        <!-- Your Modal Content -->
    </div>
</div>

Feel free to replace the styling with Bootstrap, custom CSS, or whatever design system you prefer.

💡 Why Use This Package?

Most modal solutions are tied to specific design frameworks, limiting your flexibility. This package gives you full control over how you style your modals while providing seamless integration with Livewire’s powerful components.

Whether you’re building a large application or a simple project, this package is designed to be lightweight, flexible, and easy to use.

🚀 Get Started Today!

If you’re ready to simplify modal management in your Laravel Livewire projects, give this package a try! You can install it via Composer:

composer require sagor110090/livewire-modal

And be sure to check out the GitHub repository for more details and support.

Thanks for reading! I hope this package helps you build more flexible and dynamic Laravel applications. If you have any questions or feedback, feel free to reach out in the comments.

Happy coding! 🎉

Livewire CRUD Generator: Powering Efficient Laravel Development

Mehedi Hasan Sagor — Sun, 03 Mar 2024 15:53:03 +0000

Livewire CRUD Generator: Powering Efficient Laravel Development
Introduction
Livewire CRUD Generator is a Laravel package designed to simplify and streamline the development of CRUD functionality in Laravel applications. Whether you're a seasoned Laravel developer or just starting, this package provides a fast, efficient, and user-friendly way to manage Create, Read, Update, and Delete operations.

Benefits of Livewire CRUD Generator
Streamlined Development: Quickly scaffold CRUD interfaces for your Laravel Eloquent models. Say goodbye to repetitive coding and hello to productivity.

User-Friendly Interface: An intuitive interface allows you to customize your generated components with ease. No need for complex configurations or extensive documentation.

Time-Saving: Save valuable time during the development phase. With Livewire CRUD Generator, you can focus on building the core features of your application.

Efficiency: Manage your data efficiently with CRUD operations. The package automates the process, reducing manual efforts and minimizing errors.

Versatility: The generated components are versatile and can be easily modified to suit your specific project requirements.

Compatibility: Livewire CRUD Generator is compatible with Laravel versions ^10.0 and tested on version ^8. It uses auth middleware and installs Breeze just in case you don't have any other auth mechanism.

How to Use Livewire CRUD Generator
Installation is straightforward. Simply run the following Composer command:

composer require sagor110090/livewire-crud --dev
After the installation, initiate the package with:

php artisan crud:install
This command sets up your project for generating CRUD components. To generate CRUD for a specific table, run:

php artisan crud:generate {table-name}
This command generates the necessary files for CRUD operations, including a Livewire component, model, views, and factory.

Comprehensive Documentation
Livewire CRUD Generator provides comprehensive documentation on how to use the package effectively. You can find more detailed documentation on the official Livewire CRUD website.

Conclusion
Livewire CRUD Generator is a powerful tool for Laravel developers, offering a seamless way to build and manage CRUD interfaces. With its user-friendly interface, time-saving features, and versatility, it's a must-have for any Laravel project. Improve your development workflow and enhance your productivity with Livewire CRUD Generator.

https://freecoderteam.com/post/livewire-crud-generator-powering-efficient-laravel-development

dsd

Mehedi Hasan Sagor — Mon, 13 Nov 2023 22:46:12 +0000

Laravel easy admin panel bangla tutorial

Mehedi Hasan Sagor — Wed, 02 Aug 2023 05:09:11 +0000

লারাভেল এজি এডমিন প্যানেল হলো একটি গুরুত্বপূর্ণ টুল, যা লারাভেল এপ্লিকেশন ব্যবহারকারীদের সহজেই সাধারণ প্রশাসনিক কাজ করতে সাহায্য করে। এই প্যানেলের মাধ্যমে আপনি ব্যবহারকারী, অনুমতি, ক্যাটাগরি, পোস্ট, প্রোফাইল ইত্যাদি সহ আপনার লারাভেল এপ্লিকেশনের বিভিন্ন দক্ষতা পরিচালনা করতে পারেন। এটি ব্যবহারকারীদের অনুমতি ভিত্তিক ব্যবস্থা সার্ভার প্যানেল তৈরি করতে সহায়ক, যাতে প্রশাসনিক ব্যবস্থা করা সহজ হয় এবং দক্ষতা নির্ধারণ করা সহজ হয়।

Video

এই টিউটোরিয়ালে আমরা লারাভেল এজি এডমিন প্যানেল সেটআপ করবো এবং কিছু গুরুত্বপূর্ণ বৈশিষ্ট্য সহ কিভাবে প্রশাসনিক কাজ করতে হয় তা দেখাবো।

Package Link:-
jetstream : https://jetstream.laravel.com/3.x/installation.html
easypanel: https://easypanel.netlify.app/

Laravel quiz management system with source code

Mehedi Hasan Sagor — Thu, 20 Jul 2023 06:41:22 +0000

Quiz management system

Welcome to the Laravel Quiz management system ! This repository contains the source code for a Quiz management system web application. here three types of account students, teachers and admin.

Demo
https://youtu.be/nvUSTqsDpUw

Prerequisites
Before running the project, ensure that you have the following prerequisites installed on your machine:

PHP (version 7.4 or higher)
Composer (https://getcomposer.org)
Getting Started
To get started with the project, follow these steps:

Clone the repository to your local machine:

git clone https://github.com/sagor110090/quiz-management-system.git
Navigate to the project directory:

cd quiz-management-system
Install the PHP dependencies using Composer:

composer install
Copy the .env.example file and rename it to .env:

cp .env.example .env
Generate an application key:

php artisan key:generate
Configure the database settings in the .env file.

Run the database migrations:

php artisan migrate --seed
Start the development server:

php artisan serve
Open your browser and visit http://localhost:8000 to see the application.

Contributing
If you would like to contribute to the project, please follow these guidelines:

Fork the repository and create a new branch.
Make your changes and commit them to your branch.
Push your branch to your forked repository.
Create a pull request to the main repository.
License
This project is licensed under the MIT License.

Feel free to copy and paste this markdown code into your README.md file.

How can make an array from the values of another array's key?

Mehedi Hasan Sagor — Mon, 18 Jul 2022 09:18:33 +0000

Today what you are going to learn:
If you are working on PHP or other PHP framework and you want to create array of another array value. now you can see on following lesson how can you make array form another multidimensional array key's.

For lesson you have array like:

 $multi = array(

  ['1'] => array('id'=>1,'name'=>'hardik'),

  ['2'] => array('id'=>1,'name'=>'vimal'),

  ['3'] => array('id'=>1,'name'=>'harshad'),

)

but if you want to this multi-dimensional array just like this way:

$test = array('hardik','vimal','harshad');

so, we can make this type of array from multi-dimensional array using array_column() funtion.

you can use this function easy as under.

$result = array_column($multi, 'name');

Try this..........

PHP merge two arrays on the same key AND value

Mehedi Hasan Sagor — Mon, 18 Jul 2022 09:17:08 +0000

Today what you are going to learn:
Do you need to merge two array however you need without overwrite cost then right here you could see how to merge array in following lesson. So now we've two array and we need to merge it with overwrite with any key then we fetch many problem.we can do like this two array :

My Array:

$array1 = [  

    '0'=> ['name'=>'Sagor','Surname'=>'Savani'],  

    '1'=> ['name'=>'Harsukh','Surname'=>'Makawana'],  

   ];  

$array2 = [  

    '0'=> ['name1'=>'Harshad','Surname1'=>'Pathak'],  

    '1'=> ['name1'=>'Vimal','Surname1'=>'Kashiyani'],  

   ];

AND You want to merge like that :

Result:-

Array  

(  

    [0] => Array  

        (  

            [name] => Sagor  

            [Surname] => Savani  

            [name1] => Harshad  

            [Surname1] => Pathak  

        )  

    [1] => Array  

        (  

            [name] => Harsukh  

            [Surname] => Makawana  

            [name1] => Vimal  

            [Surname1] => Kashiyani  

        )  

)

Then you want to make this array without any loop, then you can use array_map() and array_merge(). this both function help to make this output as you want like this way to use.

==>>

$result = array_map(function($array1,$array2){

return array_merge(isset($array1) ? $array1 : array(), isset($array2) ? $array2 : array());

},$array1,$array2);

print_r($result);

Form Validation Example by PHP 8 MySQL

Mehedi Hasan Sagor — Mon, 18 Jul 2022 09:15:49 +0000

Today what you are going to learn:
Hello Dev,

Hello Brother, I will let you know lesson of PHP 8 MySQL Form Validation Example. you will learn PHP 8 Server Side Form Validation Tutorial Example. step by step explain how to create form validation in php 8. We will look at lesson of PHP 8 MySQL form input validation lesson. follow bellow step for how to show validation error in PHP 8 MySQL.

This article will give you simple lesson of PHP 8 Basic Form Validation Tutorial

So, let's see bellow solution:

index.php

Node JS Mysql Connection Example

Mehedi Hasan Sagor — Mon, 18 Jul 2022 09:14:39 +0000

Today what you are going to learn:
Hello Brother,

This is a short guide on node js mysql connection lesson. you will learn how to connect mysql database in node js. we will help you to give lesson of how to use mysql in node js. step by step explain mysql connection in node js.

In this lesson i will give you simple lesson of how to connect mysql database using node js. i am not going to explain you in more details, but give you simple lesson so let's see lesson.

How to Get Difference Between Two Dates in PHP?

Mehedi Hasan Sagor — Tue, 28 Jun 2022 06:29:28 +0000

Do you want to calculate difference between two dates in php? I mean difference between two dates in days, months, years using php. if yes than i will show you to php get difference between two dates using strtotime(), abs() and floor().

We may sometime require to get difference between in php for your application, even if you use any php framework like laravel, codeigniter, wordpress but you can use code php code anywhere. So you can see following lessons.

Bellow lessons will help you to calculate difference between two dates in php lesson.

I will give you one by one simple lesson of following definition.

1) PHP Calculate difference between two dates in days

2) PHP Calculate difference between two dates in months

3) PHP Calculate difference between two dates in years

learn more

Laravel 9 Contact US Form with Send Email Example

Mehedi Hasan Sagor — Mon, 27 Jun 2022 17:20:27 +0000

Today what you are going to learn:
ello all! In this article, we will talk about laravel 9 contact form send email. let’s discuss about contact us form in laravel 9. step by step explain contact form validation in laravel 9. This article goes in detailed on laravel 9 feedback form lesson.

In this lesson we will create a contact us form with name, email, phone, subject, and message. we will also add form validation for the contact form. After submitting the form we will store data in the database and send an email notification to the admin email. so let's follow the below step to make this lesson.

Laravel Carbon Get All Months Between Two Dates Example

Mehedi Hasan Sagor — Mon, 27 Jun 2022 08:31:56 +0000

Today what you are going to learn:
Hi Brother,

This tutorial will provide lesson of laravel carbon get all months between two dates. step by step explain laravel carbon get all months. This post will give you simple lesson of carbon get all months between dates. We will use get all months between two dates laravel carbon. Hello Brother, Creating a basic lesson of get months between two dates laravel.

you can easily get all months between two dates using carbon in laravel 6, laravel 7 and laravel 8 version.

let's see simple lesson bellow: