HR 👋 | An awesome Bulma + Alpine JS sample app

HR is a sample alpine JS + Bulma app built by Css Ninja Studio. HR is licensed under the MIT license.

✌️ Preview

You can access the demo here. HR is built with Bulma. Thanks to Emy Lascan for the homepage hero inspiration.

👌 Usage

The project runs with npm and gulp and is bundled with Alpine JS, JSON-Server and Axios.

1. Install Dev Depedencies

npm install

2. To start development and server and JSON server

npm run server

Note

Changes should be commited to src/ files only.

Tools

The template is built with Sass and Gulp build system with these features:

• Handlebars HTML templates with Panini– Panini is a super simple flat file generator for use with Gulp. It compiles a series of HTML pages using a common layout. These pages can also include HTML partials, external Handlebars helpers, or external data as JSON.
• Sass compilation, prefixing with Autoprefixer, and JavaScript concatenation
• Built-in BrowserSync server - Will automatically reload your page when files are changed. It also live-injects CSS changes when you save a Sass file. This task runs continuously. Defaults to localhost.
• For production builds - CSS compression, JavaScript compression, Image compression and more..

Additional Resources:

• Sass: Syntactically Awesome Style Sheets
• Bulma
• Alpine JS
• JSON Server
• Handlebars
• Panini
• Gulp

👍 Features

• Gulp 4 and nodejs 12.13.0 (minimum)
• Bulma 0.9.2
• ES6 support
• Alpine JS
• JSON server running with concurrently
• Homepage
• List page
• Details page

🍔 Issues

If you've found an issue or a bug, you can report it in the issues section of this repository. Please try to follow these simple guidelines to report your issue:

• Issue definition
• Expected behaviour
• Actual behaviour
• steps to reproduce
• Already tried fixes (if relevant)

🎉 More

You liked HR? Find more premium bulma templates on our Store.

Check also our premium Envato bulma themes.

🚀 About Us

Css Ninja is a web design studio. We build handcrafted and polished templates that will give some hype to your startup or to your next project.