Cloudspace Mockups
Description
The goal of Cloudspace Mockups is to serve a way of creating and editing mockups collaboratively. Users will create mockups by dragging and dropping different elements on to their canvas. This product has been coded to work with Firefox, Chrome, Safari and the iPad. Cloudspace Mockups can be found at CloudspaceMockups.com
Technical Description
To make this all happen Cloudspace Mockups runs off of node.js, using sockets to allow for the collaboration of many users. The data is passed between the front-end and back-end as json and therefore is stored in MongoDB. Static files are served in nginx in our default setup. Our buddy Jenkins takes care of the continuous integration.
Technologies Used
- node.js
- MongoDB
- Nginx
- Jenkins Integration Server
- npm
- nodeunit
- Mongo DB Native
- Socket.IO
- Capistrano
- Chef
- EC2
- Vagrant
Cloudspace Mockups - Features
- 12 different canvas elements with which to express your ideas
- Auto-reconnect
- Password Protected Projects
- Ability to create multiple pages for each project
- Ability to name a project
- Easy interface for managing user data
Contributing
Wishlist
These are the features that we are planning on introducing.
- Table elements
- Nudging
- Copy and paste canvas objects
- Duplicate page
- Canvas objects snap to grid
- Export page as pdf, png
- API
- Retrieve list of page elements
- Retrieve sitemap
- Duplicate project
- Integrate an open icon library set
- Upload images
- Auto-resizing text
- Layered canvas objects
- Delete Multiple items
Guidelines
If you would like to help please follow our guidelines for adding features:
- If your feature is not on our wishlist please contact us before you do any work to ensure that it is a feature we would be interested in adding.
- Make sure there are tests! We will not accept any patch that is not tested. It's a rare time when explicit tests aren't needed. If you have questions about writing tests for Cloudspace Mockups, please email us at: info@cloudspace.com.
Getting Started
- You can get started in setting up a development environment or a production environment by going to our wiki.
- You can use our app for free at CloudspaceMockups.com
Major Contributors
Other Credits
- Michael Orr was indispensible during much of the early planning stages.
- Roozbeh Megdhadi provided us with a good deal of the design and helped a lot in making this app more usable.
- A lot of inspiration was drawn from an earlier application that was developed through the good work done by our friends at koombea.
- Daniel Lewis helped us set up integration with the CI server.