Need help with riotjs-admin?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

muut
127 Stars 31 Forks 57 Commits 11 Opened issues

Description

Administration panel – A Riot.js demo

Services available

!
?

Need anything else?

Contributors list

# 115,052
riotjs-admin 127 JavaScript top 10
# 106,031
riotjs-admin 127 JavaScript top 10

Riot.js demo application

This is a demo single-page demo application made with Riot.js. It's a generic skeleton for an administration panel that shows the core concepts of modular client side development.

Features

  • actually something useful, just fork it and extend it to your needs
  • plain and minimal UI
  • authentication and session management
  • small: ~10kb minified, including Riot (4kb gzipped)
  • optional caching of server side requests

Modular architecture

  • one global variable
    admin
    to build modules
  • modules can be included in no specific order (*.js)
  • modules can be renamed/removed/modified on without breaking the app
  • backend agnostic
  • easy to maintain and extend, good for multiple developers

Extendable

  • Real API: try for example
    admin().load("customers")
    on console
  • Promise based server calls for more fluent error handling
  • Use app name to extend instead of a framework name:
    admin(callback)

Planned

  • real backend (firebase, hosted server, to be decided...)
  • realtime channel
  • tests for both UI and API layer
  • documented API, including events

Installation

Hit following commands to run the administration panel on the console

bower install
npm install
./make.js gen
open index.html
./make.js watch

You should be able to modify JS and Stylus files and the concatenation and pre-compilation is automatically taken care of. Check make.js for more other targets than

watch
.

Live versionRiot websiteBuilding modular applications with Riot.jsOriginal Riot blog post

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.