Parsebars.js — An MVC boilerplate for creating web applications with Handlebars.js and the Parse JavaScript SDK.
- 0.0 Vision
- 1.0 Team & Past Contributors
- 2.0 Installation & Documentation
- 3.0 Database Schema
- 4.0 Third-Party Libraries
- 5.0 License
I created Parsebars.js to save time for developers and entrepreneurs that don't want to spend hundreds of hours building a server before attaining product-market fit for their new web applications. Your Parsebars.js backend runs in the Cloud, making it extremely easy to launch your data-driven app. Installation takes less than 5 minutes.
The sample app includes user sign up, log in, password reset, a configurable user profile and profile picture, a navigation bar that changes based on whether the user is signed in or not, and a writable collection of blog post objects in the main feed.
In order to host your own version of Parsebars.js, you will most likely want to create an account at www.back4app.com. Given that Parsebars.js was originally developed with Parse, this means that Back4App is currently one of the few viable free hosting options out-of-box. Back4App is a Cloud BaaS (Back-End as a Service) solution that will host your database initially free of charge (that is, until your query requests reach a specified limit threshold per second). See https://www.back4app.com/pricing for additional pricing information at scale. I've found Back4App to be highly reliable so far, but if you are interested in hosting your own Parse Server elsewhere, there are tons of useful instructions and tutorials online. This article is a good place to start: https://medium.com/@timothy_whiting/setting-up-your-own-parse-server-568ee921333a
Simply open blog.js and change the configuration values to our own Application Id and Javascript Key, provided to you by Back4App (https://dashboard.back4app.com/ > Core Settings). This is where we connect to Parse. The configuration code will looks like this. The Application Id is the first string and the Javascript Key is the second:
// Connect to Parse API
Parse.initialize(
'x0rtG9s535J8ExWWJUXi8WO19C5xHcfDDef68Epm',
'qX2sBdcEztbNQ9l8D0EZKdq1Suuopdrww310ti5x');
Parse.serverURL = 'https://parseapi.back4app.com';The complete database schema is documented below. Without configuring the following classes and attributes in your own Parse dashboard, downloading the source code probably won't be much help!
For each Class, I've excluded the auto-generated default Parse columns, i.e. objectId, createdAt, updatedAt, ACL, etc. due to redundancy.
- User
| username (String) | name (String) | bio (String) | websiteLink (String) | profilePicture (File) | phoneNumber (String) |
|---|---|---|---|---|---|
| martin | Martin Erlic | Hello! | www.martinerlic.com | http://www.martinerlic.com/images/martin.jpg | 123-123-1234 |
The following Third Party Libraries are used in Parsebars.js:
- handlebars.js by wycats: https://github.com/handlebars.js
- Parse-SDK-JS by ParsePlatform: https://github.com/ParsePlatform/Parse-SDK-JS
Copyright 2016-2018 Martin Erlic.
Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.