Interactive jQuery

Client
Moon Climbing
Project Scope
The ‘Moonboard’ is a home or gym climbing wall concept from Moon Climbing to allow the exact set up of a climbing wall by anyone who purchases the…

Project Info

Client

Moon Climbing

Project Scope

The ‘Moonboard’ is a home or gym climbing wall concept from Moon Climbing to allow the exact set up of a climbing wall by anyone who purchases the climbing holds from Moon Climbing. Instructions are given on setting up the layout of the holds on the board (by grid reference) and the orientation (by compass reference). Users can then share climbing training routes with anyone worldwide through an interactive forum.

The scope of this project was to build the interactive forum that allowed users to create ‘Moonboard’ climbing wall training climbs in real time. These could be saved and published for other members to view so they could attempt the same training climb and desired, comment on, add videos, grades and star ratings.

Solution delivered

The solution was achieved by using the interactive capabilities of jQuery, built on a PHP and MySQL backend. Initially this was a standalone website, with its own database tables. However this web application has now been integrated into a Magento CMS platform.

Phase 2

Created a sophisticated interactive online tool for adding new setups.

This was achieved using a combination of HTML5, CSS3 & JavaScript/jQuery and Ajax technologies to build a drag and drop interface that enables users to create new Hold Setups save them as .png files on the server. The page also captures the location and orientation of each climbing ‘hold’ and saves it to the database so that it can be used to set new boulder problems (climbs).

Project Details

  • HTML5 & CSS3
  • Magento Integration
  • jQuery
Launch Project