AngularJS Page to view/select events

We will need to discuss the exact details of this project in private. However, what we need is an AngularJS page designed. The page will be expected to consume data in JSON format provided from an outside service. The purpose of the page is to view current events that we offer, and book an event. From a high level overview, on the left side of the page you will see a list of event categories. Each of these categories can be clicked and will open up accordian-style to show the sub-categories. When you click a sub-category, the specific events that belong to that category will load in the main area of the site. Each event will have a series of buttons (dynamically generated depending on the contents of the JSON object). Clicking one of these buttons pulls up a small, simple form where the user answers a few questions and submits. The data is submitted to our web service, the web service validates the data and then provides a response. (The web service itself is outside the scope of this project. You will simply need to have your AngularJS page interact with the existing service.) In addition to this main page, there will be dynamic views to see the user's pending events and past events. The AngularJS page will receive the JSON data using the [login to view URL] javascript library. The AngularJS page will need to have watchers on the main JSON array to see changes in the array and update the page (IE, the events list) in real time accordingly.