CMS and App Framework using FB React and Parse API (JS expert needed)
$750-1500 USD
Completed
Posted over 10 years ago
$750-1500 USD
Paid on delivery
*** 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.
Hi Thanks for the Invite.
We are experts in JS , actually we love JS . We have hand full of experience BackboneJs , AngularJS.
But to be honest I don't know much about FB react at this min, but we can read about it very fast.
I will have a look over all documents you attached and get back to you.
$1,159 USD in 8 days
5.0 (32 reviews)
6.5
6.5
11 freelancers are bidding on average $1,325 USD for this job
Hello sir ,
we are working on similar sites like fb , please respond so we can show you demo as well as samples developed by us. and please you can also check our freelancer profile
Thanks ,
waiting for your reply
Hi We do have an expert team of developers having experience around 9 years .
Very much interested with your requirements and look forward to be part of this project.
Do contact if interested.
Thanks,
Bitszol