avraham
/
pastebin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
7 Commits
5 Branches
0 Tags
123 KiB
JavaScript 91.3%
CSS 7.1%
HTML 1.2%
Dockerfile 0.4%
 
 
 
 
dev
master
stable
docker-compose
readme
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '5552015edc'
${ noResults }
Go to file
brian 5552015edc created Note component; filled App with sample state 4 years ago
.gitignore Initial commit 4 years ago
App.js created Note component; filled App with sample state 4 years ago
LICENSE Initial commit 4 years ago
Note.js created Note component; filled App with sample state 4 years ago
README.md high-level overview of app 4 years ago
index.css pastebin skeleton 4 years ago
index.html Copied-in mithril skeleton 4 years ago
index.js Copied-in mithril skeleton 4 years ago
mithril.min.js Copied-in mithril skeleton 4 years ago

README.md

pastebin

Simple pastebin made with Mithril JS.

User Interface (UI)

Along the top are:

  • "New Note..." button
  • Search box
  • "Sort" dropdown

On the top-right are:

  • Bin ID
  • "New Bin..." button

The main area is simply a flexbox list of Notes.

Each note contains:

  • Note text
  • "Edit" button

User Experience (UX)

The root page creates a new bin, and sets the browser's location accordingly.

Clicking "New Note..." clears the search and sort, so the new note comes out first in the list.