docs(demo): Create a demo website

[faker-js]

docs(demo): Create a demo website

[JessicaSachs]

I would love to work on creating a demo website for faker-js, if you decide that we need one.

👋 just to write something outside of Discord... PR #80 has the infra to get a Playground page within the Faker website.

I did some noodling on what a UI/UX would look like, but couldn't come up with anything. If you decide to pick it up, tell me in the Discord so we don't do double work.

[shrooot]

I would love to work on creating a demo website for faker-js, if you decide that we need one.

[damienwebdev]

I can suggest Stackblitz because its really easy to use. I don't know what all we want to showcase on the site. Perhaps pick some of the most common faker scenarios? Words, numbers, etc.

[ericjeker]

I have used Stackblitz a lot but now I use codesandbox.io. My experience with it is much better. Just wanted to mention it, both are good.

[schalkventer]

I'm the maintainer of the faker-extra library, obviously the recent development has been a bit of a head-ache for me. Happy to help out in whatever way might be helpful to ensure the continued development (even if community driven) of Faker.js.

I have a lot of design/UI/UX experience as well (https://www.linkedin.com/in/schalkventer/), so happy to help with the design of a landing-page/demo site. In terms of tech stack I'd likely recommend just going vanilla JS or even Web Component purely for the sake of easing the on-boarding for anyone wanting to contribute. Since I've found that merely getting the dev env up and running is often times one of the largest points of friction for open-source contributors (especially if they have limited experience with the framework in questions).

Curious the hear everyone's thoughts on this?

[Shinigami92]

For a start, we could also try it simple with typedoc
But this would be super simple and not really nice if we want to add manually content

[Shinigami92]

I would love to work on creating a demo website for faker-js, if you decide that we need one.

Please go into the Discord server, if you are not there already
and communicate with @JessicaSachs and @ericjeker

[damienwebdev]

See also #87

[imbdb]

Can we use Runkit for demo?
something like this

<h3 style="text-align: center;">Faker Demo</h3>

<script src="https://embed.runkit.com" data-element-id="my-element"></script>

<!-- anywhere else on your page -->
<div id="my-element">// Faker!
var faker = require("@faker-js/faker");

console.log(faker.fake('{{name.firstName}} {{name.lastName}}'))</div>

[ST-DDT]

We now have the stackblitz demo, so this should be good enough:
https://fakerjs.dev/new