Initial commit: Phoenix LiveView demo for interactive data tables with filtering, sorting, pagination, URL state, and progressive enhancement
Implements a fully-featured action requests table in a single LiveView module using Flop, Ecto, and SQLite. Includes:
- Fuzzy search, status/assignment filters, column sorting, 25-per-page pagination
- Real-time updates, bookmarkable URLs via `handle_params/3`
- JS-disabled fallback with GET forms (no duplicate logic)
- 1,000,000 seeded records, Tailwind + DaisyUI styling, light/dark themes
- Comprehensive README with comparisons to Django+React/Rails+React stacks
- 31 tests covering all scenarios
Tech: Phoenix 1.8+, LiveView, Flop, Ecto, SQLite, Elixir 1.15+
2025-11-16 10:24:06 +00:00
|
|
|
defmodule ActionRequestsDemo.MixProject do
|
|
|
|
|
use Mix.Project
|
|
|
|
|
|
|
|
|
|
def project do
|
|
|
|
|
[
|
|
|
|
|
app: :action_requests_demo,
|
|
|
|
|
version: "0.1.0",
|
|
|
|
|
elixir: "~> 1.15",
|
|
|
|
|
elixirc_paths: elixirc_paths(Mix.env()),
|
|
|
|
|
start_permanent: Mix.env() == :prod,
|
|
|
|
|
aliases: aliases(),
|
|
|
|
|
deps: deps(),
|
|
|
|
|
compilers: [:phoenix_live_view] ++ Mix.compilers(),
|
|
|
|
|
listeners: [Phoenix.CodeReloader]
|
|
|
|
|
]
|
|
|
|
|
end
|
|
|
|
|
|
|
|
|
|
# Configuration for the OTP application.
|
|
|
|
|
#
|
|
|
|
|
# Type `mix help compile.app` for more information.
|
|
|
|
|
def application do
|
|
|
|
|
[
|
|
|
|
|
mod: {ActionRequestsDemo.Application, []},
|
|
|
|
|
extra_applications: [:logger, :runtime_tools]
|
|
|
|
|
]
|
|
|
|
|
end
|
|
|
|
|
|
|
|
|
|
def cli do
|
|
|
|
|
[
|
|
|
|
|
preferred_envs: [precommit: :test]
|
|
|
|
|
]
|
|
|
|
|
end
|
|
|
|
|
|
|
|
|
|
# Specifies which paths to compile per environment.
|
|
|
|
|
defp elixirc_paths(:test), do: ["lib", "test/support"]
|
|
|
|
|
defp elixirc_paths(_), do: ["lib"]
|
|
|
|
|
|
|
|
|
|
# Specifies your project dependencies.
|
|
|
|
|
#
|
|
|
|
|
# Type `mix help deps` for examples and options.
|
|
|
|
|
defp deps do
|
|
|
|
|
[
|
|
|
|
|
{:phoenix, "~> 1.8.1"},
|
|
|
|
|
{:phoenix_ecto, "~> 4.5"},
|
|
|
|
|
{:ecto_sql, "~> 3.13"},
|
|
|
|
|
{:ecto_sqlite3, ">= 0.0.0"},
|
|
|
|
|
{:flop, "~> 0.26"},
|
|
|
|
|
{:phoenix_html, "~> 4.1"},
|
|
|
|
|
{:phoenix_live_reload, "~> 1.2", only: :dev},
|
|
|
|
|
{:phoenix_live_view, "~> 1.1.0"},
|
|
|
|
|
{:lazy_html, ">= 0.1.0", only: :test},
|
|
|
|
|
{:esbuild, "~> 0.10", runtime: Mix.env() == :dev},
|
|
|
|
|
{:tailwind, "~> 0.3", runtime: Mix.env() == :dev},
|
2025-11-17 09:06:11 +00:00
|
|
|
{:faker, "~> 0.18"},
|
Initial commit: Phoenix LiveView demo for interactive data tables with filtering, sorting, pagination, URL state, and progressive enhancement
Implements a fully-featured action requests table in a single LiveView module using Flop, Ecto, and SQLite. Includes:
- Fuzzy search, status/assignment filters, column sorting, 25-per-page pagination
- Real-time updates, bookmarkable URLs via `handle_params/3`
- JS-disabled fallback with GET forms (no duplicate logic)
- 1,000,000 seeded records, Tailwind + DaisyUI styling, light/dark themes
- Comprehensive README with comparisons to Django+React/Rails+React stacks
- 31 tests covering all scenarios
Tech: Phoenix 1.8+, LiveView, Flop, Ecto, SQLite, Elixir 1.15+
2025-11-16 10:24:06 +00:00
|
|
|
{:jason, "~> 1.2"},
|
|
|
|
|
{:bandit, "~> 1.5"}
|
|
|
|
|
]
|
|
|
|
|
end
|
|
|
|
|
|
|
|
|
|
# Aliases are shortcuts or tasks specific to the current project.
|
|
|
|
|
# For example, to install project dependencies and perform other setup tasks, run:
|
|
|
|
|
#
|
|
|
|
|
# $ mix setup
|
|
|
|
|
#
|
|
|
|
|
# See the documentation for `Mix` for more info on aliases.
|
|
|
|
|
defp aliases do
|
|
|
|
|
[
|
|
|
|
|
setup: ["deps.get", "ecto.setup", "assets.setup", "assets.build"],
|
|
|
|
|
"ecto.setup": ["ecto.create", "ecto.migrate", "run priv/repo/seeds.exs"],
|
|
|
|
|
"ecto.reset": ["ecto.drop", "ecto.setup"],
|
|
|
|
|
test: ["ecto.create --quiet", "ecto.migrate --quiet", "test"],
|
|
|
|
|
"assets.setup": ["tailwind.install --if-missing", "esbuild.install --if-missing"],
|
|
|
|
|
"assets.build": ["compile", "tailwind action_requests_demo", "esbuild action_requests_demo"],
|
|
|
|
|
"assets.deploy": [
|
|
|
|
|
"tailwind action_requests_demo --minify",
|
|
|
|
|
"esbuild action_requests_demo --minify",
|
|
|
|
|
"phx.digest"
|
|
|
|
|
],
|
|
|
|
|
precommit: ["compile --warning-as-errors", "deps.unlock --unused", "format", "test"]
|
|
|
|
|
]
|
|
|
|
|
end
|
|
|
|
|
end
|