https://github.com/srph/toy-template-builder

An example drag-n-drop template builder built with React.
https://github.com/srph/toy-template-builder

drag-n-drop proof-of-concept reactjs

Last synced: about 1 year ago
JSON representation

An example drag-n-drop template builder built with React.

• Host: GitHub
• URL: https://github.com/srph/toy-template-builder
• Owner: srph
• Created: 2019-05-24T01:03:59.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2023-01-07T05:45:19.000Z (over 3 years ago)
• Last Synced: 2025-03-25T21:22:12.566Z (over 1 year ago)
• Topics: drag-n-drop, proof-of-concept, reactjs
• Language: TypeScript
• Homepage: https://toy-template-builder.kierb.com/
• Size: 1.52 MB
• Stars: 5
• Watchers: 1
• Forks: 1
• Open Issues: 12
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

          
![preview](preview.png)

# toy-template-builder

An example drag-n-drop template builder built with React.

[View demo](https://toy-template-builder.kierb.com/) / [View video](https://www.youtube.com/watch?v=y80z44WavAk&feature=youtu.be) / [View Figma](https://www.figma.com/file/cq2C3yzAGyKJa3Z4Ip0Y6ehc/Template-Builder?node-id=0%3A1)

## Setup

You will need npm `>=5` and Node.js `>=10`.

- Install the dependencies

```bash

npm i

```

- Start Parcel, and you're good to go.

```bash

npm start

```

It should open up to your a new browser window shortly. However, if it doesn't, you can manually open http://localhost:1234.

## Deployment

The web interface is hosted on Netlify for free. Set the public folder to `dist`. For the build command:

```bash

npm run build

```