All Projects → cerner → Kaiju

cerner / Kaiju

Licence: apache-2.0
A drag and drop web editor for React components.

Programming Languages

ruby
36898 projects - #4 most used programming language

Projects that are alternatives of or similar to Kaiju

Rails sortable
Easy drag & drop sorting with persisting the arranged order for rails
Stars: ✭ 127 (-5.93%)
Mutual labels:  rails
Trace location
🔍Help you get reading the huge open souce libraries in Ruby and trace its source locations
Stars: ✭ 130 (-3.7%)
Mutual labels:  rails
Motion
A library used to create beautiful animations and transitions for iOS.
Stars: ✭ 1,726 (+1178.52%)
Mutual labels:  ux
Rails React Typescript Docker Example
An example app built on Ruby on Rails 6.1 + React.js 17 + TypeScript 4.2 + Docker Compose
Stars: ✭ 129 (-4.44%)
Mutual labels:  rails
Rspec Openapi
Generate OpenAPI schema from RSpec request specs
Stars: ✭ 129 (-4.44%)
Mutual labels:  rails
Hyrax
Hyrax is a Ruby on Rails Engine built by the Samvera community. Hyrax provides a foundation for creating many different digital repository applications.
Stars: ✭ 131 (-2.96%)
Mutual labels:  rails
Master rails by actions
Rails实战之B2C商城开发 http://eggman.tv/c/s-master-rails-by-actions
Stars: ✭ 127 (-5.93%)
Mutual labels:  rails
Overlap
Tiny iOS library to achieve overlap visual effect
Stars: ✭ 133 (-1.48%)
Mutual labels:  ux
Xamarin.forms.breadcrumb
This is a breadcrumb navigation control that is complete automatic and uses the Navigation stack and page titles to generate the breadcrumbs.
Stars: ✭ 130 (-3.7%)
Mutual labels:  ux
Notifications Rails
A flexible notification library supporting the delivery to external services, rendering in various environments, and user configuration by category.
Stars: ✭ 130 (-3.7%)
Mutual labels:  rails
Thinking Sphinx
Sphinx plugin for ActiveRecord/Rails
Stars: ✭ 1,609 (+1091.85%)
Mutual labels:  rails
Sabisu Rails
Simple and powerful engine for exploring your Rails api application
Stars: ✭ 129 (-4.44%)
Mutual labels:  rails
Mumuki Laboratory
🔬 Where students practice and receive automated and human feedback
Stars: ✭ 131 (-2.96%)
Mutual labels:  rails
Liquid
Create a playful backsplash in SwiftUI.
Stars: ✭ 127 (-5.93%)
Mutual labels:  ux
Reactive record
Generate ActiveRecord models for a pre-existing Postgres db
Stars: ✭ 132 (-2.22%)
Mutual labels:  rails
Twemoji
Twitter emoji in Ruby 😊
Stars: ✭ 127 (-5.93%)
Mutual labels:  rails
Torque Postgresql
Add support to complex resources of PostgreSQL, like data types, array associations, and auxiliary statements (CTE)
Stars: ✭ 130 (-3.7%)
Mutual labels:  rails
Super module
SuperModule allows defining class methods and method invocations the same way a super class does without using def included(base). This also succeeds ActiveSupport::Concern by offering lighter syntax
Stars: ✭ 133 (-1.48%)
Mutual labels:  rails
Pwa
Progressive Web Apps for Rails
Stars: ✭ 133 (-1.48%)
Mutual labels:  rails
Spreewald
Our collection of useful cucumber steps.
Stars: ✭ 131 (-2.96%)
Mutual labels:  rails

Cerener OSS Build Status

Kaiju is a drag and drop web editor for building pages composed of predefined react components. Kaiju's default plug-in allow users to build pages composed of react components from Terra UI, generate react components and preview the generated pages in the browser.

Kaiju is great for rapid prototyping and facilitating collaboration between engineers and designers.

kaiju demo

Local Installation

Requirements

To run the app, spin up a couple of docker containers with compose and navigate to localhost.

docker-compose up

Development Requirements

  • Node
  • Rails
  • Local Redis database

To develop the app, install dependencies and spin rails and node server and navigate to localhost:3000. Running npm install in the root kaiju directory will install npm and rails dependencies.

npm install
npm install foreman -g

nf start

Usage

If you haven't setup an IDP you'll be greeted with the mock identity provider. This looks shady, but it's just a pass through provided by omniauth. Any username/email is accepted. That said, please don't use this IDP in production.

After log-in the first step is to create a project. Each new project has a default workspace. The workspace is where you will be creating your new components. Drag a component from the left column to the workspace to drop the component. With this drag and drop system you can build out a tree of nested UI components with a layout as the root. The layers of the workspace will be displayed in the bottom left corner of the editor. The properties of the dropped components can be modified by editing the fields displayed in the right column.

Once you've created your page you can preview it by clicking on the "Eye" tool-bar button located at the bottom of the workspace. Or view the generated code by clicking the code tool-bar button.

Kaiju is an online editor and allows for sharing workspaces between collaborators. By default all workspaces and projects can be view by any logged in user but only the author of a workspace can edit. If the author of workspace or project chooses they can create a collaboration link. This link is active for 24 hours and will add anyone who accesses the link as a collaborator on the project/workspace, giving them privileges to edit.

The best way to give kaiju a try is by following our above docker instructions. You won't be able to leverage the sharing aspect since it's a local instance, but you'll be able to create projects and workspaces as well as generate the code and previews. A public instance will be coming out eventually.

History

Releases

License

Copyright 2018 Cerner Innovation, Inc

Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].