Giter Club home page Giter Club logo

briq-builder's Introduction

Overview

WebApp to access the briq builder, see https://briq.construction/.
The briq api server is required for some starknet interaction (see https://github.com/briqNFT/briq-api).

The WebApp exposes a Three.js builder to display the briqs and create with them.

Setup

npm install then npm run dev

Tests can be run with npm test, though they are fairly lacking at the moment.

Repository structure

infra/

Kubernetes deployment tooling. Includes templates & dockerfile.
Note that the website is served by nginx as static assets for the most part.

server/

Mostly a node-server (but uses the vite SSR because it's convenient when testing it).
Used to return custom social media metadata (thumbnail, ...) for the sharing page.

src/

The main source of the website. Tentatively divided as such, though the boundaries are sometimes foggy:

  • Root level

Global javascript files, such as the main entry point (App.vue), configuration, monitoring or routes.

  • components/

Vue3 SFC components. These are then subdivided in hopefully explicit subfolders.
Those are the only components that actually get renderered onto HTML.

  • builder/

All files related to the builder data & rendering (under graphics/). Intended to not really contain much blockchain-specific code.
Input modes use a FSM that's under inputs/ here.

  • chain/

Starknet specific code. NB: not all files have been moved here yet.
The StarkNet contracts addresses can be found under src/chain/Contracts.ts

briq-builder's People

Contributors

s0lness avatar wraitii avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

briq-builder's Issues

As a user I want to place multiple briqs when holding down my click

###User story
As a user I want to click & hold to place multiple briqs on the canvas, like “spraying”

###Test
GIVEN I am on the builder AND I am in “place mode”
WHEN I click & hold the left-click
THEN I can place multiple briqs

###References
Exactly like magica voxel does it

Attempt to mint briqs fails

Cool project! Had a problem minting I wanted to make you aware of in case it is helpful

Here's my txn hash status:
https://alpha4.starknet.io/feeder_gateway/get_transaction_status?transactionHash=0xa94eb41f52f9a5d6afef85deedd46e60f81314de5314efc02008ef3f020f8c

{"tx_status": "REJECTED", "tx_failure_reason": {"tx_id": 195761, "error_message": "Error at pc=0:1128:\nAn ASSERT_EQ instruction failed: 2 != 1.\nCairo traceback (most recent call last):\nUnknown location (pc=0:519)\nUnknown location (pc=0:387)", "code": "TRANSACTION_FAILED"}}

Using ArgentX wallet 1.1.0

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.