Movie Finder 🎬

This project explores building fast, elegant interfaces with HTMX, a lightweight library that brings modern, server‑driven patterns to traditional HTML. It demonstrates clean, minimal‑JavaScript architecture by sending targeted server requests and swapping returned HTML fragments into the page — no full reloads or client‑side framework like React.

<form
  hx-post="/search"
  hx-target="#result"
  hx-swap="innerHTML"
>
  <input type="text" name="movieTitle" placeholder="Search for a movie…" />
</form>

<div id="result"></div>
            

app.post("/search", async (req, res) => {
  const movies = await fetchMovies(req.body.movieTitle);
  res.send(renderMovieList(movies)); // HTMX swaps this into #result
});