{"id":14091901,"url":"https://github.com/syarul/todomvc-adonisjs-react-htmx-_hyperscript","last_synced_at":"2026-04-28T16:02:48.167Z","repository":{"id":251623903,"uuid":"837951036","full_name":"syarul/todomvc-adonisjs-react-htmx-_hyperscript","owner":"syarul","description":"TodoMVC build with AdonisJS, React, HTMX \u0026 _HYPERSCRIPT","archived":false,"fork":false,"pushed_at":"2024-08-12T13:08:50.000Z","size":401,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-24T07:50:53.974Z","etag":null,"topics":["adonisjs","adonisjs-framework","hateoas","htmx","hyperscript","reactjs","todomvc"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/syarul.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-08-04T14:25:58.000Z","updated_at":"2024-08-12T13:08:54.000Z","dependencies_parsed_at":"2024-08-09T13:55:42.785Z","dependency_job_id":"e1e30d55-21ed-4461-82b4-8dfa5c43203e","html_url":"https://github.com/syarul/todomvc-adonisjs-react-htmx-_hyperscript","commit_stats":null,"previous_names":["syarul/todomvc-adonisjs-react-htmx-_hyperscript"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/syarul/todomvc-adonisjs-react-htmx-_hyperscript","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/syarul%2Ftodomvc-adonisjs-react-htmx-_hyperscript","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/syarul%2Ftodomvc-adonisjs-react-htmx-_hyperscript/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/syarul%2Ftodomvc-adonisjs-react-htmx-_hyperscript/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/syarul%2Ftodomvc-adonisjs-react-htmx-_hyperscript/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/syarul","download_url":"https://codeload.github.com/syarul/todomvc-adonisjs-react-htmx-_hyperscript/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/syarul%2Ftodomvc-adonisjs-react-htmx-_hyperscript/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32387923,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-28T14:34:11.604Z","status":"ssl_error","status_checked_at":"2026-04-28T14:32:37.009Z","response_time":56,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["adonisjs","adonisjs-framework","hateoas","htmx","hyperscript","reactjs","todomvc"],"created_at":"2024-08-14T02:00:41.486Z","updated_at":"2026-04-28T16:02:48.132Z","avatar_url":"https://github.com/syarul.png","language":"TypeScript","funding_links":[],"categories":["Examples by Back-end"],"sub_categories":["AdonisJS"],"readme":"\n     ooooo   ooooo ooooooooooooo ooo        ooooo ooooooo  ooooo \n     `888'   `888' 8'   888   `8 `88.       .888'  `8888    d8'  \n      888     888       888       888b     d'888     Y888..8P    \n      888ooooo888       888       8 Y88. .P  888      `8888'     \n      888     888       888       8  `888'   888     .8PY888.    \n      888     888       888       8    Y     888    d8'  `888b   \n     o888o   o888o     o888o     o8o        o888o o888o  o88888o\n    ===========================================================\n            Build with AdonisJS, React, HTMX \u0026 _HYPERSCRIPT\n[![AdonisJS Build and Cypress Tests](https://github.com/syarul/todomvc-adonisjs-react-htmx-_hyperscript/actions/workflows/adonisjs.yml/badge.svg)](https://github.com/syarul/todomvc-adonisjs-react-htmx-_hyperscript/actions/workflows/adonisjs.yml)\n\n| HTMX TodoMVC           | Link                                             |\n| ---------------------- | ------------------------------------------------ |\n| Go, Templ              | [🌄](https://github.com/syarul/todomvc-go-templ-htmx-_hyperscript)|\n| Rust, Astra, Maud      | [🌠](https://github.com/syarul/todomvc-rust-astra-maud-htmx-_hyperscript)|\n| ExpressJS, Typescript, React     | [✈️](https://github.com/syarul/htmx-todomvc)|\n| AdonisJS, Typescript, React    | [🎡](https://github.com/syarul/todomvc-adonisjs-react-htmx-_hyperscript)|\n| Lua, Luasocket             | [⛵](https://github.com/syarul/todomvc-lua-luasocket-htmx-_hyperscript)|\n\n### E2E Testing\n\n\nhttps://github.com/syarul/todomvc-adonisjs-react-htmx-_hyperscript/assets/2774594/fdcba602-73f2-499b-a106-152569d37e80\n\n\nEmulating the functionalities of modern frameworks which is base on React TodoMVC. This demonstration serves to showcase that HTMX, when paired with _hyperscript, can replicate if not all the behaviors typically associated with most modern client framework with minimum needs to write javascript.\n\n### Usage\n- use node v21 or newer\n- run `npm install`\n- copy env `cp .env.example .env`\n- run `npm run dev`\n- visit `http://localhost:8888`\n- alternatively you can compile into executable with `npm run build`\n- for e2e testing, run in the root folder `git clone https://github.com/cypress-io/cypress-example-todomvc`\n- `cd cypress-example-todomvc`\n- `npm install`\n- if you need to see the test in browser run `npm run cypress:open`\n- for headless test `npm run cypress:run`\n\n### Build with\nAll File structures is following AdonisJS Framework guidelines.\n- Initially created with `npm init adonisjs@latest todomvc-adonisjs-react-htmx-_hyperscript -- --kit=api`\n- Middleware is added to handle formatting request query with i.e., `node ace make:middleware format`\n- Services is added using DI(Dependencies Injection) i.e., `node ace make:service todo`, read more at https://docs.adonisjs.com/guides/concepts/dependency-injection#dependency-injection\n- Controller is added with i.e., `node ace make:controller page`\n- Session support is added with `node ace add @adonisjs/session`\n- Static file support is added with `node ace add @adonisjs/static`\n- Resources for React is place at `resources/components`\n- Resources for static _hyperscript is place at `public/hs`\n\n### HTMX\nVisit [https://github.com/rajasegar/awesome-htmx](https://github.com/rajasegar/awesome-htmx) to look for HTMX curated infos\n\n###\nTodo\n- Perf test (consolidate with other langs rust, zig, odin, ocaml, etc+)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsyarul%2Ftodomvc-adonisjs-react-htmx-_hyperscript","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsyarul%2Ftodomvc-adonisjs-react-htmx-_hyperscript","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsyarul%2Ftodomvc-adonisjs-react-htmx-_hyperscript/lists"}