https://github.com/starfallprojects/demobuilder
An 11ty skeleton, designed for creating demo sites
https://github.com/starfallprojects/demobuilder
Last synced: about 1 year ago
JSON representation
An 11ty skeleton, designed for creating demo sites
- Host: GitHub
- URL: https://github.com/starfallprojects/demobuilder
- Owner: StarfallProjects
- License: mit
- Created: 2020-04-23T17:24:24.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2020-05-01T09:36:39.000Z (almost 6 years ago)
- Last Synced: 2025-02-17T21:52:28.891Z (about 1 year ago)
- Language: CSS
- Size: 24.4 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Webapp Demo Builder
An 11ty project, designed for creating demo websites and webapps.
View the [website](https://demo-builder.netlify.app/).
## Quickstart
``` shell
# Clone the GitHub repo
git clone https://github.com/StarfallProjects/demoBuilder.git
# Navigate into the project directory
cd demoBuilder
# Install dependencies
npm i
# Serve the project locally at localhost:8080
npm start
```
## Background
This project was inspired by some product management work I did for a client. I needed to present the initial research and workflows for a new product. Not being a designer, or at all familiar with design tools, it seemed quicker to create a simple website. This turned out to have several benefits:
* An interactive, shareable demo site, useful for presenting to management.
* A way to thoroughly think through the workflow and functionality of the app.
* A clear demonstration of ideas and requirements, which can then be picked up by design and development.
> The demo site is intended to be an intermediate step between initial notes and ideas, and wireframing. You could create a detailed wireframe on top of this skeleton, but it would take some effort.