casual VS chance.js

Faker looks cool! We've been using Casual [0] for ages but Faker looks more featureful and more actively maintained.

0: https://github.com/boo1ean/casual

In order to create the mockserver we need 2 npm dependencies. json-server and casual so we run npm install json-server casual --save-dev in our project.

https://npm.im/casual (57k weekly downloads) https://github.com/boo1ean/casual (2.8k stars)

In the past, I have relied on Google Sheets and a combination of array formulas, vlookups, random value generators to create fake datasets. This approach worked for small, one off datasets. Any time I needed to generate more than 1000 records or needed to update a dataset, this approach proved to be tedious. I also explored Faker and Casual (both of which are fantastic tools) but found that the data they generate was too abstract and that the implementation wasn't ideal for large datasets. I wanted a tool that:

declare global { interface String { pascalToWords: () => string; } // Chance is a fake data generator, https://chancejs.com // Dayjs is a date utility that has its own type, https://day.js.org/ namespace Chance { export interface DayjsOptions { min: Dayjs; max: Dayjs; } export interface Chance { dayjs: (params?: Partial) => Dayjs; } } }

You might have some luck initialising your own arrays with data from chance. There’s a good amount of data in there that you could use.

https://npm.im/chance (589.3k weekly downloads) https://github.com/chancejs/chancejs (5.8k stars)

- https://www.npmjs.com/package/chance

If you're wondering about the code behind the card and the data, then I've sprinkled some Vue 3 in it along with ChanceJS and Lorem Picsum for random name and image generation. And of course a neat amount of simple CSS :)