GithubHelp home page GithubHelp logo

jyjblrd / flowblocks Goto Github PK

View Code? Open in Web Editor NEW
34.0 5.0 8.0 17.4 MB

Cambridge IB Group Project for the Raspberry Pi Foundation

Home Page: https://jyjblrd.github.io/flowblocks/

License: MIT License

JavaScript 0.28% HTML 0.23% TypeScript 72.74% Makefile 1.05% C++ 22.66% SCSS 3.03%
raspberry-pi-pico visual-programming visual-programming-editor visual-programming-language low-code

flowblocks's Introduction

FlowBlocks

FlowBlock.Presentation.mp4

Introduction

FlowBlocks is a visual interface for programming the Raspberry Pi Pico, geared towards beginners.

With FlowBlocks, users can build programs by dragging and dropping blocks from a comprehensive standard library of inputs, operators, and outputs, and connecting them into flowcharts, which describe the flow of data throughout a program. In addition, experienced users also have the option of creating custom blocks—written with a templating dialect of MicroPython—which provide a greater level of expressive freedom for the projects that need it.

Development

Installing dependencies

Install Node.js and the project manager Yarn. Most of FlowBlocks' dependencies can then be installed with:

yarn

FlowBlocks also requires Emscripten, which should be installed via the emsdk. On Windows, the C++ build process also requires POSIX tools such as sed, which can be installed via MSYS2 or a package manager of your choice, except for make, which can be installed via Chocolatey (MSYS2's make cannot use the cmd shell, which is required to have paths compatible with llvm-ar) . Alternatively, you can use WSL.

Installing development tools

clang-format can be installed with NPM.

Building WebAssembly modules

To compile the C++ module to WebAssembly:

cd cxx
make all

Starting a development server

To build the application and run a local server for development:

yarn run dev

flowblocks's People

Contributors

jyjblrd avatar sr150 avatar zeyonaut avatar bencstokes avatar wildp avatar conall23 avatar conallmoss avatar

Stargazers

Amanuel Tadesse avatar Jimmy Hu avatar  avatar  avatar  avatar Owen Merkling avatar Daniel Moxon avatar Rajeev Piyare avatar  avatar Giedrius Trumpickas avatar  avatar Talha avatar Jonas avatar Andrejs Agejevs avatar  avatar Charith Madhuranga avatar 5l1v3r1 avatar Divya Pujara avatar mbz avatar Data Ng avatar Mert Kalkancı avatar  avatar  avatar Enric Trillo avatar  avatar Vitaliy Shaykhutdinov avatar Joel von Rotz avatar Kyle avatar  avatar Achton Smidt Winther avatar Jd avatar  avatar  avatar  avatar

Watchers

 avatar HakamSaffour avatar mbz avatar  avatar  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.