| operations |
| comment | | "parent_author":"",<br>"parent_permlink":"utopian-io",<br>"author":"cutemachine",<br>"permlink":"boilerplate-for-hyperapp-applications-using-bulma-css",<br>"title":"Boilerplate For Hyperapp Applications Using Bulma CSS",<br>"body":"HyperBulma is a new project which empowers developers to start their single page application in minutes.\n\n![HyperBulma Sample App (https:\/\/res.cloudinary.com\/hpiynhbhq\/image\/upload\/v1518524591\/w6jqh6eqafxzzqspb6oc.png)\n\n<hr \/>\n\n![HyperBulma Components (https:\/\/res.cloudinary.com\/hpiynhbhq\/image\/upload\/v1518524612\/vqmsj0orxm3tx5dxhdya.png)\n\n<hr \/>\n\n![HyperBulma Flexbox Grid (https:\/\/res.cloudinary.com\/hpiynhbhq\/image\/upload\/v1518524657\/nh4wioogl37dkhqylijh.png)\n\n## About The Project\n\nBuilding single page applications with Angular is not an easy task as you need to learn a lot. It is easier to build something with React and Redux,<br> but still,<br> you have to learn a lot of new concepts. Hyperapp shines in this context as it makes it easy to learn all the ideas you need in two or three hours.\n\nThe same applies when you compare Bootstrap and Bulma CSS. Bulma is much easier to learn.\n\nThe combination of Hyperapp and Bulma makes it uniquely suited for developers who want to build something but do not want to become frontend developers.\n\nThis boilerplate should make it quite easy to build something based on top of it. It has a great developer experience with zero configuration needed. Thank you,<br> Parcel.\n\nIt is also easy to build the project with just one command: `yarn build`. If you have Netlify installed you can even deploy it with one command: `netlify deploy`\n\n\n## Technology Stack\n\n- [Next generation JavaScript (https:\/\/babeljs.io')\n- [Hyperapp\u20141 KB JavaScript library for building frontend applications (https:\/\/hyperapp.js.org')\n- [Hyperapp Router\u2014Declarative routing for Hyperapp using the History API (https:\/\/github.com\/hyperapp\/router')\n- [Bulma\u2014free and open source CSS framework based on Flexbox (https:\/\/bulma.io')\n- [Fontawesome\u2014the web\u2019s most popular icon set (https:\/\/fontawesome.com')\n- [Parcel\u2014Blazing fast,<br> zero configuration web application bundler (https:\/\/parceljs.org')\n\n\n## Roadmap\n\n- Make it easier to use Bulma by providing Hyperapp ready components\n- Separate the sample app state from UI state\n- Enable saving and loading of app state to and from local storage\n- Switch from Fontawesome 4 to latest version\n- Add Eslint or StandardJS\n\n\n## Getting Started\n\nBuilding your project on top of this starter is straightforward. Just clone the starter in a folder with your project's name. Then remove the git history to be able to initialize your own Git repository. Then install the dependencies with `yarn`. When the installation has finished,<br> you can run the new app with `yarn start`. These are the steps in more detail:\n\n git clone https:\/\/github.com\/cutemachine\/hyperbulma.git YOUR_PROJECT\n cd YOUR_PROJECT\n rm -rf .git\n git init\n git add .\n git commit -m 'Initial version of YOUR_PROJECT'\n yarn\n yarn start\n\n\n## Demo\n\n[You can see a running version by following this link (http:\/\/laughing-turing-911c94.netlify.com).\n\n![HyperBulma Demo (https:\/\/res.cloudinary.com\/hpiynhbhq\/image\/upload\/v1518524629\/haly9h56fpwsyoxq64yt.png)\n\n## How To Contribute\n\nDo you want to contribute to this project? Great. You can contact me through my [Github profile page (https:\/\/github.com\/cutemachine) or just send a pull request.\n\n\n<br \/><hr\/><em>Posted on <a href=\"https:\/\/utopian.io\/utopian-io\/@cutemachine\/boilerplate-for-hyperapp-applications-using-bulma-css\">Utopian.io - Rewarding Open Source Contributors<\/a><\/em><hr\/>",<br>"json_metadata":" \"community\":\"utopian\",<br>\"app\":\"utopian\/1.0.0\",<br>\"format\":\"markdown\",<br>\"repository\"<br>\"id\":79527893,<br>\"name\":\"hyperapp\",<br>\"full_name\":\"hyperapp\/hyperapp\",<br>\"html_url\":\"https:\/\/github.com\/hyperapp\/hyperapp\",<br>\"fork\":false,<br>\"owner\"<br>\"login\":\"hyperapp\" ,<br>\"pullRequests\":[ ,<br>\"platform\":\"github\",<br>\"type\":\"development\",<br>\"tags\":[\"utopian-io\",<br>\"javascript\",<br>\"development\",<br>\"programming\",<br>\"reactjs\" ,<br>\"links\":[\"https:\/\/res.cloudinary.com\/hpiynhbhq\/image\/upload\/v1518524591\/w6jqh6eqafxzzqspb6oc.png\",<br>\"https:\/\/res.cloudinary.com\/hpiynhbhq\/image\/upload\/v1518524612\/vqmsj0orxm3tx5dxhdya.png\",<br>\"https:\/\/res.cloudinary.com\/hpiynhbhq\/image\/upload\/v1518524657\/nh4wioogl37dkhqylijh.png\",<br>\"https:\/\/babeljs.io'\",<br>\"https:\/\/hyperapp.js.org'\",<br>\"https:\/\/github.com\/hyperapp\/router'\",<br>\"https:\/\/bulma.io'\",<br>\"https:\/\/fontawesome.com'\",<br>\"https:\/\/parceljs.org'\",<br>\"http:\/\/laughing-turing-911c94.netlify.com\",<br>\"https:\/\/res.cloudinary.com\/hpiynhbhq\/image\/upload\/v1518524629\/haly9h56fpwsyoxq64yt.png\",<br>\"https:\/\/github.com\/cutemachine\" ,<br>\"image\":[\"https:\/\/res.cloudinary.com\/hpiynhbhq\/image\/upload\/v1518524591\/w6jqh6eqafxzzqspb6oc.png\",<br>\"https:\/\/res.cloudinary.com\/hpiynhbhq\/image\/upload\/v1518524612\/vqmsj0orxm3tx5dxhdya.png\",<br>\"https:\/\/res.cloudinary.com\/hpiynhbhq\/image\/upload\/v1518524657\/nh4wioogl37dkhqylijh.png\",<br>\"https:\/\/res.cloudinary.com\/hpiynhbhq\/image\/upload\/v1518524629\/haly9h56fpwsyoxq64yt.png\" " | | comment_options | "author":"cutemachine",
"permlink":"boilerplate-for-hyperapp-applications-using-bulma-css",
"max_accepted_payout":"1000000.000 SBD",
"percent_steem_dollars":10000,
"allow_votes":true,
"allow_curation_rewards":true,
"extensions":[[0,
"beneficiaries":[ "account":"utopian.pay",
"weight":2500 |
|