CMS and App Framework using FB React and Parse API (JS expert needed)

*** Technology and Skills NOTE: PLEASE ONLY BID ON THIS PROJECT IF YOU ARE A JAVASCRIPT EXPERT. We need someone with a lot of experience who can create well-written, well-documented code. Facebook React is a relatively new framework and there is not a lot of sample code available. * Javascript: expert required * Facebook React ([login to view URL]) * Parse ([login to view URL]) * HTML5, CSS, Bootstrap *** Overview The purpose of this project is to build a good foundation for a CMS system and general Application Framework that can be extended in the future. This CMS will be used as a “Learning Management System”, we need to manage users, courses, posts, etc. Also users should be able to fill out forms. Most of the functionality should be implemented as React Components. These components will use the Parse API to read and save data from/to the Cloud. Parse offers two APIs: a Javascript API and a REST API. For this project, the REST API may be better since we need to retrieve and save generic objects based on dynamic configuration. *** List of React Components needed (MORE DETAILS IN ATTACHED DOCUMENT) 1) CRUD Table: HTML Table Components used to view and edit Data/Objects in the system. User should be able to: * Edit a row by double clicking any cell. When editing a row, the delete button is hidden and a “save” button shows up. Different cell types will require different editors. * Delete a row by clicking delete button. * Add a row by clicking an “add row” button. 2) Form: Component which renders a Form element for any Class. The component should work in two modes: Single-entry and Multi-entry per user. 3) Dropdown: UI Component which renders a Dropdown in a Form (or CrudTable) 4) CheckboxList: UI Component which renders a CheckboxList. 5) UsersPicker: UI Component used to pick an array of users (for example teachers or students in a course) 6) Availability Editor: UI Component used to pick available times for each day of the week. A user should be able to add time ranges for any day of the week, for example, “Monday from 6 pm to 9 pm”. The data will be saved as a JSON object (an array of JSON objects). For example: [{day:”mon” from:”18:00” to:”21:00”}, {day:”tue” …}, … ] 7) Login/Registration: Users need to be able to register and login. The Parse API has methods for registration and login. *** Entity Definitions Entities for the CMS are declared in JS. The following are entity definitions provided as an example. The CRUD Table and Form Components are driven off these definitions: var CourseClass = [login to view URL]('Course', { name: [login to view URL], teachers: {type: [login to view URL], inputComponent: UsersPicker }, students: {type: [login to view URL], inputComponent: UsersPicker } }); var PostClass = [login to view URL]('Post', { title: [login to view URL], content: [login to view URL], author: [login to view URL] //pointer to User }); var SurveyClass = [login to view URL]('Course', { firstName: {label: "First Name", type: [login to view URL] }, dob: {label: "Date of Birth", type: [login to view URL] }, language: {label: "Language", type: [login to view URL], inputComponent: Dropdown, options: LanguageList }, availability: {label: "Availability", type: [login to view URL], inputComponent: AvailabilityEditor } }); *** We Also need to display table for User Entity, a special built-in Parse Object *** Data Types Need to support following Data Types: [login to view URL] [login to view URL] [login to view URL] (i.e. JSON) [login to view URL] [login to view URL] [login to view URL] *** InputComponents An InputComponent is a React Component which defines a UI element used to edit a field as specified in an Entity Definition. When not specified, default UI types are inferred from data types (i.e. a String is a TextBox, a boolean is a checkBox). *** Detailed explanation of Components is in attached Document. Attached zip file contains sample code for Entity Definitions, React Components stubs, and some HTML code.