A simple, AI-friendly JavaScript framework for quickly building
- Smart dashboards
- Smart documents
- Full-stack applications
Beginners welcome!
Very basic JavaScript knowledge is all that is required to get started with DevBoard. To learn more, take a look at the DevBoard hello-world package to see what is required to create a frontend only, backend only and full-stack widget.
AI-friendly??? Yes, really.
Due to how DevBoard packages, boards and widgets work, it is very easy to take a divide-and-conquer approach to building with DevBoard. DevBoard is designed with a very strong separation of concerns, allowing for highly isolated development and testing. This should make constructing and refining AI prompts easier with DevBoard.
How quick?
It only takes a few minutes to create a full-stack widget. DevBoard excels in fast prototyping, enabling you to test new ideas and gather requirements quickly. To learn more, take a look at the full-stack hello-world widget or try the tutorial that will walk you through the steps to create a configurable full-stack widget in less than five minutes.
Smart, with examples!
A DevBoard dashboard is comprised of widgets that can not only display data (charts, tables, etc.), but they can also be programmed to be context aware, configurable, communicate with one another and more. And if you take a look at the demo document, you can see an example of a smart document in action.
Here are some quick widget examples to help you better understand why you might want to create a dashboard, website, full-stack application and more with DevBoard.
Need a more complex example? No problem. GitSense is using DevBoard to re-imagine dev tools, one tool at a time. GitSense contains over 6000 lines of SQL code and uses dozens of widgets to surface software development insights. Take a look the links below to see GitSense and DevBoard in action:
DevBoard is designed to be yours! Just add a custom header and footer to the DevBoard index.html file to make it your own or embed DevBoard into your product or project. Watch the video below, to see how GitSense can seamless integrate with GitHub with the DevBoard bundle file and a Chrome extension.
git clone https://github.com/gitsense/devboard ~/devboard
cd ~/devboard
npm install
npm run build:widgets && \
npm run build:boards && \
npm run bundle
For development, use
npm run dev:start
For production, use a package like forever
forever server.js
DevBoard can now be viewed at https://devboard.gitsense.com
Authentication and advanced layout are the current biggest priorities.
- Authentication widgets
- Advanced layout engine
- Multiple packaging layers
- Charting widgets (line, bar, etc.)
- Data widgets for GitHub, Jira, GMail, etc.
- Widgets hub
- Typescript support
- ESM support