DoDo

The DoDo is easy to learn JavaScript framework which helps developers to build reactive, single page applications.

It can be used for mobile applications, browser extensions, electron desktop apps, ...etc.

The Dodo Framework is not based on UI components like Angular 2+, Vue and React but on Model-View-Controller what makes Dodo more simple and flexible. The inspiration was found in Angular 1, so Dodo conception is similar to it.

Built in modern ES 6+ Javascript.

Features

• blazing fast
• no typescript
• fast compiling powered by Vite
• create lightweight applications - small app file size
• use import & export ES Modules to build complex apps with clear and readable code
• Model-View-Controller (MVC), intuitive app structure
• easy to learn and easy to use
• create reactive web pages and apps
• be more productive

Libraries

The framework contains a pre-built libraries:

• Auth - authentication, route guards (protect routes from unauthorized access)
• BrowserStorage
• Cookie
• Form - work with HTML forms
• HTTPClient - default HTTP Client library for accesing APIs
• Paginator - library for page pagination
• util - misc utilities

Good for dynamic and reactive code in:

• browser single page applications (ajax apps)
• browser extensions
• ElectronJs desktop applications
• Cordova mobile applications

Installation

$ npm install --save @mikosoft/dodo

Quickstart

How to start a new project in DoDo framework ? Very simple. Just run the command and the boilerplate code will be installed.

$ npm init dodo

Example

import { App, corelib } from '@mikosoft/dodo';

// conf
import { $debugOpts, $auth, $httpClient } from './app/conf/index.js';


// controllers
import HomeCtrl from './controllers/HomeCtrl.js';
import QuickstartCtrl from './controllers/QuickstartCtrl.js';
import NotfoundCtrl from './controllers/NotfoundCtrl.js';

         
// routes
const $routes = [
  ['when', '/', HomeCtrl],
  ['when', '/quickstart', QuickstartCtrl],
  ['notfound', NotfoundCtrl]
];


// app
const app = new App('myApplication);
app
  .auth($auth)
  .httpClient($httpClient)
  .debug($debugOpts);

app
  .routes($routes)
  .listen();

Documentation

Tutorials and examples are available at http://dodo.mikosoft.info

Licence

Copyright (c) MikoSoft licensed under MIT.