Skip to content

Instantly share code, notes, and snippets.


David Miranda panphora

Block or report user

Report or block panphora

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View starter-username.hbs
<div class="header">
<div class="header__text">Hometown Dance Recital</div>
<button class="button button--add-stack">Add stack</button>
<div class="board-container">
<div class="board">
<div class="stack">
<div class="stack__top">
<p class="stack__text">Logistics</p>
<button class="button button--plus-square">

Options for quickly putting together a landing page.

3 factors:

  • flexibility
  • power
  • easy of use
  • cost

Wordpress hosted on Cloudways with an Elementor Personal plan

  • gives the most flexibility, power, and ease of use
View example-test-code-for-remake.html
<!-- starting html: -->
<div class="elements-to-be-parsed">
<div data-o-type="list"></div>
<div data-o-type="object"></div>
panphora /
Last active Sep 21, 2019
What is a CRUD web application?

What is a CRUD web application?

A CRUD Web application is the most basic type of web application. It allows you to create and edit data and show that data to your users.

The simplest example of a CRUD web application would probably be a blog. A blog allows you to create, read, update, and delete blog posts.

A more advanced web application like an analytics platform (e.g. Google Analytics) or a social network (e.g. LinkedIn) is not considered a CRUD web application because it has many advanced features that go beyond simply creating and updating data.

CRUD Means:

  • Create
class Main {
public static void main(String[] args) {
System.out.println(IntStream.range(1,5).map(n -> n*2).reduce(1, (a,b)->a+b));
View remake-todos.hbs
<ul data-o-type="list">
{{#forEachItem data.todos itemName="todo"}}
<li data-o-type="object" data-l-key-text data-i-editable>{{todo.text}}</li>
<button data-i-new="todo">Add Todo</button>

An Annotated Remake Todos Web App

This is an example of how to build a simple todos web app with Remake, using only data attributes.

Parent template:

<h1>Todo list</h1>
View reserved-url-paths.json
View test-all-widths-on-page-elements.js
var elem = document.querySelector("body");
function deepForEachElem (elem, callback) {
Array.from(elem.children || []).forEach(function (el) {
deepForEachElem(el, callback);
deepForEachElem(elem, function (el) {
View special-deep-extend.js
let isObject = (a) => typeof a === "object" && a !== null && !Array.isArray(a);
let isArray = (a) => Array.isArray(a);
let forEachKeyValuePair = (obj, cb) => {
Object.keys(obj).forEach(function (k) {
cb(k, obj[k]);
let fillMissingKeys = (target, source) => {
forEachKeyValuePair(source, (key, value) => {
if (target[key] === undefined) {
You can’t perform that action at this time.