Git Product home page Git Product logo

backroad's Introduction

Backroad

https://backroad.sudomakes.art https://backroad.sudomakes.art https://react.dev/ NX Workspace semantic-release: backroad

Backroad is a low-code tool that allows Node.JS developers to try out their own tooling/packages or build proof-of-concept apps as quickly as possible.

Backroad provides a simple streamlit-like API and ships with several commonly used components out of the box like form inputs, tables and LLMs. Powered by a top-to-bottom re-run based flow, it allows you to quickly put together applications with a very easy-to-understand interface.

Prerequisites

Before you begin, ensure you have met the following requirements:

  • You have installed a relatively recent version of Node.JS

Installing Backroad

To install Backroad, follow these steps:

npx degit sudomakes/trybackroad trybackroad
cd trybackroad
npm i
npm run dev

Backroad Example

Here's what a sample backroad script looks like

const [photo] = br.fileUpload({ label: 'Pick Image' });
if (photo) {
  br.write({ body: '# Greyscale image' });
  const image = await Jimp.read(photo.filepath);
  image.greyscale().getBase64(Jimp.AUTO, (err, res) => {
    br.image({ src: res, width: 600 });
  });
}

And this is the output you will get in the browser:

As you can probably notice, it takes a relatively small amount of code to get started building and prototyping your ideas with Backroad. To learn more about backroad components and concepts, refer the docs

Contributing to Backroad

To contribute to Backroad, follow these steps:

You can refer to the contribution guide which has some helpful instructions on how to get started with contributing to Backroad.

Alternatively see the GitHub documentation on creating a pull request.

Contact

If you want to reach out for anything related to Backroad, you may send an email to [email protected]

Links

Website & Documentation : backroad.sudomakes.art

Link to the NPM Package: @backroad/backroad

Easiest way to get started with backroad: sudomakes/trybackroad

Roadmap

Proposals

๐Ÿ” Adding authentication (by Feb 2024)- use auth.js to allow per page auth granularity.

๐ŸŒ SEO improvements (TBD) - google crawlers can render and crawl react, but websockets are presenting an issue in achieving SEO.

โ˜๏ธ One Click Deploy (by June 2024) - something similar to streamlit's community cloud to help easy deployments and promote adoption.

In Progress

๐Ÿ“‹ Improving file upload UX (by Jan 2024) - allow copy pasting from clipboard instead of having to read from fs

License

This project uses the Fair Source license.

Contributors โœจ

Thanks goes to these wonderful people (emoji key):

Vaibhav Chopra
Vaibhav Chopra

๐Ÿ’ป
Ebube
Ebube

๐Ÿ“–

This project follows the all-contributors specification. Contributions of any kind welcome!

backroad's People

Contributors

sudo-vaibhav avatar semantic-release-bot avatar hunter547 avatar jakusha 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.