Livewire Country-State-City dropdown in Laravel 12

Built With

Description

A small demo application using AdyGCode's Retro Blade Starter kit, and Livewire.

This demo has 3 drop down select boxes, which provide a filter for each other. The country provides a list of states/provinces/counties/etc from which when a state is selected, the cities are listed.

This repo is arge due to the JSON documents containing the raw data for the application.

(back to top)

Table of Contents

• Description
• Installation
• Usage
• Credits
• Licence
• Badges
• Contact

Installation

Clone the repository:

git clone https://github.com/adygcode/saas-fed-l12-world

Change into the new directory:

cd saas-fed-l12-world

Install packages

composer install
npm i

Update packages if you wish:

composer update

Initialise the (SQLite) database:

touch databases/database.sqlite

Copy .env.dev to .env:

cp .env.dev .env

Perform migrations, seeds and key generation:

php artisan key:generate
php artisan migrate:fresh --seed

Run the demo app:

composer run dev

Open http://localhost:8000

You should see:

Demo Animation

(back to top)

Credits

• Font Awesome. (n.d.). Fontawesome.com. https://fontawesome.com
• Laravel - The PHP Framework For Web Artisans. (2011). Laravel.com. https://laravel.com
• Laravel Bootcamp - Learn the PHP Framework for Web Artisans. (n.d.). Bootcamp.laravel.com. https://bootcamp.laravel.com/
• PHP: Hypertext Preprocessor. (n.d.). Www.php.net. https://php.net
• Professional README Guide. (n.d.). Coding-Boot-Camp.github.io. Retrieved April 15, 2024, from https://coding-boot-camp.github.io/full-stack/github/professional-readme-guide
• TailwindCSS. (2023). Tailwind CSS - Rapidly build modern websites without ever leaving your HTML. Tailwindcss.com. https://tailwindcss.com/
• Korop, P. (2025). 23 - Dependent Dropdowns: Country and Cities | Laravel Daily. Laraveldaily.com. https://laraveldaily.com/lesson/livewire-3/dependent-dropdowns-country-cities

(back to top)

Badges

(back to top)

Contact

Adrian Gould - @twitter_handle - email@email_client.com

Project Link: https://github.com/adygcode/saas-fed-l12-world

(back to top)

Licence

Demonstration of Laravel 12 and LiveWire Interdependent Select Boxes. Copyright (C) 2025 Adrian Gould

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as published
by the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU Affero General Public License for more details.

You should have received a copy of the GNU Affero General Public License
along with this program.  If not, see <https://www.gnu.org/licenses/>.

The complete License

(back to top)

---