Giter Site home page Giter Site logo

codecanvas-desktop's Introduction

#codeCanvas Desktop

This is an open source effort to create a community driven version of codeCanvas to run in App.js on the desktop.

##Idea and goals

The application hosted at codeCanvas.org requires a good amount of server side file handling. My goal is to provide file handling in Node using the App.js framework.

##Getting Started

  • Download App.js for your platform (Mac, Linux, Windows)
  • Place the codeCanvas files into the 'content' directory in app.js
  • Start the app loader in the main app.js directory
  • Check out the promo video -> http://youtu.be/318y-PJArX4?hd=1
  • Check out the video -> building a simple form using a Bootstrap tool - http://youtu.be/7B5njAEy9Cs

##Structure

  • The application codebase is located in the 'app' directory
  • The user directory contains files needed to create tools (explained below)

###User directory

  • usertools.html - this contains the html for the tools in your toolbox. The html construct is located inside a LI with the class "userTool". This allows you to create tool html naturally.

  • usertools_design.js - This provides a the javascript for the tools while in the designer.

  • usertools_run.js - This provides the javascript your tool needs to work in a runtime environment

  • usertools_design.css - This provides the styles for the tools while in the designer.

  • usertools_run.css - This provides the styles your tool needs to work in a runtime environment

##Participation

The idea for this project came after many, many requests to open codeCanvas. It is far from perfect but the concept is working and just needs a good team of people to make it awesome.

We need people to help:

  • Code more awesome features
  • Create interesting tools
  • Write docs and do videos
  • Create a support forum

##To Do

a few things I am working on:

  • multiple layouts per project
  • layout tree and management
  • specific tools for each project
  • building a 'default' set of templates for new projects

##Contact

You can contact me on the codeCanvas website

http://www.codecanvas.org/contact/

codecanvas-desktop's People

Contributors

code-canvas avatar

Watchers

James Cloos avatar Super Genius avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.