Code Monkey home page Code Monkey logo

igniter's Introduction

Qlik mashup boilerplate with ReactJS, Leonardo UI, Enigma.js and Picasso.js

Features

  • Create a mashup faster than fire: just clone/download the repo, do a npm install, add your Qlik connection in the index.js file and start building your dashboard.
  • Do it your way: You can use all the packages, or just remove those you don't need.
  • Easy to scale: Use ReactJS components to modularize your UI and make it more developer-friendly.
  • Full customizable: You can edit everything, from the general UI to the data retrieved by Enigma.js

How does it work?

By default, the app uses Enigma.js to create custom hypercubes and retrieve the data from the Qlik Engine. This data is passed through component props to Picasso.js, where the charts are created on the fly.

The general User Interface is stylized with the Qlik style using Leonardo-UI. Everything is articulated using components from ReactJS.

Live demo.

How to use

1.) git clone https://github.com/JoseHervas/igniter your-project-folder
2.) cd your-project-folder
3.) Edit the EnigmaJS config on the index.js file, or just open Qlik Desktop.
4.) npm install && npm start

demo

You can navigate to http://localhost:3000/ and see your dashboard. Remember to run npm run build if you are ready to deploy your mashup.

Next

  • Automated testing for the app
  • Redux and PropTypes for components' states.
  • Store EnigmaJS & PicassoJS configuration data on external files.
  • SCSS or SASS to parameterize theme styles.

License and attributions

Leonardo UI, Enigma.js, Picasso.js are developed and mantained by QlikTech International AB. All of them with a MIT license.

ReactJS is developed and mantained by Facebook. Also with a MIT license.

All the credits corresponding to these frameworks' features correspond, therefore, to their developers.

The demo page takes the styles from the Leonardo-UI's demo page. The fire logo is created by Freepik.

This project also goes with a MIT license.

Have fun

A Pull Request or a Star to this repo will make my day :)

igniter's People

Contributors

josehervas avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.