https://github.com/beechnut/pokebutt-htmx

App to get a random Pokemon backside image, written as an exercise to learn HTMX. Clone of Laura Do's pokebutt.herokuapp.com.
https://github.com/beechnut/pokebutt-htmx

Last synced: 3 months ago
JSON representation

App to get a random Pokemon backside image, written as an exercise to learn HTMX. Clone of Laura Do's pokebutt.herokuapp.com.

• Host: GitHub
• URL: https://github.com/beechnut/pokebutt-htmx
• Owner: beechnut
• Created: 2020-06-04T02:47:51.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-03-16T05:38:20.000Z (over 1 year ago)
• Last Synced: 2024-05-20T21:24:54.438Z (6 months ago)
• Language: HTML
• Homepage: https://pokebutt-htmx.herokuapp.com/
• Size: 12.7 KB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-htmx - pokebutt-htmx - Pokebutt clone using htmx. (Examples by Back-end / Ruby)

README

        
# Pokebutt in HTMX

This Pokebutt app is a clone of Laura Do's original [Pokebutt](https://pokebutt.herokuapp.com) app.

I learned about [HTMX](https://htmx.org) today and wanted to learn it. As a primarily backend developer, I've needed AJAX-y functionality, and was looking for something lighter than Elm or React. HTMX and a simple webserver did the trick.

This app is written in HTMX and Ruby (Sinatra).

Pluses:

- Feels faster than the original React Pokebutt (though I don't have benchmarks to back that up).

- Very tiny app (60-ish lines of code)

Deltas:

- Doesn't yet handle Pokemon genders (specifically Nidoran).

- There's an opportunity to use partials to update the DOM, but because out-of-band updates require the `hx-swap-oob` attribute, they'll have to be dynamic partials.

- Relies on a backend server. Wondering if there's a way to load all the work into the front-end so we don't need a server.