<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Manlio Chite`</title>
    <description>The latest articles on DEV Community by Manlio Chite` (@amrod).</description>
    <link>https://dev.to/amrod</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1238561%2F88481099-db1e-42d0-bf55-5d6918adb454.png</url>
      <title>DEV Community: Manlio Chite`</title>
      <link>https://dev.to/amrod</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/amrod"/>
    <language>en</language>
    <item>
      <title>Your dummy data are really dummy. Let's fix it!</title>
      <dc:creator>Manlio Chite`</dc:creator>
      <pubDate>Sun, 16 Nov 2025 15:04:12 +0000</pubDate>
      <link>https://dev.to/amrod/your-dummy-data-are-really-dummy-lets-fix-it-28mb</link>
      <guid>https://dev.to/amrod/your-dummy-data-are-really-dummy-lets-fix-it-28mb</guid>
      <description>&lt;p&gt;How many times have we built an application, only to hit the critical question, how do I structure my data?&lt;/p&gt;

&lt;p&gt;Whether you’re a 9-to-5 dev or a late-night vibecoder, understanding your data structure is crucial for you and, most importantly, for your users. Data is what gets displayed, searched, filtered, and used to make your application feel alive and useful.&lt;/p&gt;

&lt;p&gt;When designing it, we end up asking ourselves things like which pieces of data do I actually need? How should my database be structured? Do I really have to keep using those &lt;a href="https://www.lipsum.com/" rel="noopener noreferrer"&gt;Latin placeholder words&lt;/a&gt;?&lt;/p&gt;

&lt;p&gt;The answer to your question is &lt;strong&gt;Damī&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;“Damī” (ダミー) comes from the Japanese word for “dummy”. It’s your personalised testing data generator that helps you structure your data as if it were in production, without exposing any sensitive information.&lt;/p&gt;

&lt;p&gt;So get ready. Leave the Latin filler text to the philosophers and let’s think like engineers.&lt;/p&gt;

&lt;h2&gt;
  
  
  The University of Damī Exercise
&lt;/h2&gt;

&lt;p&gt;To better understand how to structure data, and how to use Damī effectively, we’ll walk through a small exercise.&lt;/p&gt;

&lt;p&gt;In this scenario, we’re impersonating the chancellor of the University of Damī. Our job: interrogate the database to check who the good and naughty students are.&lt;/p&gt;

&lt;h3&gt;
  
  
  Step 1 – Clone the Repository
&lt;/h3&gt;

&lt;p&gt;First, clone the repository from the &lt;a href="https://github.com/Amrod92/university-of-dami" rel="noopener noreferrer"&gt;GitHub URL&lt;/a&gt; and open the folder with your favourite IDE.&lt;/p&gt;

&lt;p&gt;Then, open your terminal and install the dependencies using:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;npm install&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Foz2kc39pfsvf84d8f112.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Foz2kc39pfsvf84d8f112.png" alt="Terminal install" width="438" height="818"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Step 2 – Run the Dev Server
&lt;/h3&gt;

&lt;p&gt;Run the dev server&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;npm run dev&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;You’ll see an error saying it couldn’t import data from &lt;code&gt;data.js&lt;/code&gt; - this is expected, because we don’t have that file yet. If you’re eager to see the final result, there’s a &lt;code&gt;data-example.js&lt;/code&gt; file at the root of the project. You can rename it to &lt;code&gt;data.js&lt;/code&gt; to preview the end result.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fihf3w611l5q9s9zp2kxy.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fihf3w611l5q9s9zp2kxy.png" alt="Run server terminal" width="800" height="352"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Step 3 – Generate Dummy Data with Damī
&lt;/h3&gt;

&lt;p&gt;Now, head over to &lt;a href="https://dami.run/" rel="noopener noreferrer"&gt;Damī&lt;/a&gt; to generate the dummy data.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F1x2zlehatngd4gy2vmwk.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F1x2zlehatngd4gy2vmwk.png" alt="Generate dummy data" width="800" height="562"&gt;&lt;/a&gt;&lt;br&gt;
From the navbar, or the hero section, click on the “Try Now!” button. You’ll be taken to the &lt;a href="https://dami.run/dummy" rel="noopener noreferrer"&gt;Damī JSON Editor&lt;/a&gt; – this is where the magic happens.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fbaqg0enk80rz1ng2cb2n.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fbaqg0enk80rz1ng2cb2n.png" alt="Dami JSON console" width="800" height="429"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h3&gt;
  
  
  Step 4 – Understand the Problem Domain
&lt;/h3&gt;

&lt;p&gt;As discussed, we first need to understand the problem domain so we know what kind of schema to generate. Some good guiding questions:&lt;/p&gt;

&lt;p&gt;Who are the users of our application? In this case: the university chancellor.&lt;/p&gt;

&lt;p&gt;What information does the chancellor need to see the students’ records and evaluate who’s “good” and who’s “naughty”? Or even simpler, what defines a student in this context?&lt;/p&gt;

&lt;p&gt;That’s why the optional section to describe the purpose exists in Damī. You want to tailor your dummy data so it reflects the information you actually want to display.&lt;/p&gt;

&lt;p&gt;Here’s an example schema description for a student record:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;{
  Id: string: "University ID starting with dam- followed by a number",
  name: string: "Full name of the student",
  major: string: "Student major",
  startTerm: string: "Start term and year (e.g. Autumn 2024)",
  focus: string: "Subject of study, e.g. Neuro-symbolic learning for cultural preservation",
  nationality: string: "Student nationality",
  status: string: "e.g. 'Honours', 'On Probation', 'Good Standing'",
  gpa: number: "Decimal GPA value",
  creditsCompleted: number: "Number of credits completed",
  expectedGraduation: string: "Expected graduation term and year",
  email: string: "Student email",
  phone: number: "Student phone number",
  advisor: string: "Name of the student’s advisor",
  housing: string: "Student housing / fraternity / residence",
  bio: string: "Short student bio",
  Interests: array: "Student interests",
  Clubs: array: "Student clubs and societies",
  scholarships: array: "Scholarships the student receives (not all students have one)",
  Projects: object: "Various projects the student has worked on" [
    {
      title: string: "Project title",
      year: number: "Year of publication or completion",
      description: string: "Short description of the project",
      impact: string: "What impact the project had"
    }
  ]"
}
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Once you’re happy with the schema, click the &lt;strong&gt;Submit&lt;/strong&gt; button.&lt;/p&gt;

&lt;h3&gt;
  
  
  Step 5 – Pick Your Favourite Variant
&lt;/h3&gt;

&lt;p&gt;Below the editor, Damī will generate three variants of the data. Choose the one you like most and click the clipboard icon to copy it.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fuf2n28lqcna35tpgthqq.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fuf2n28lqcna35tpgthqq.png" alt="Pick Generated JSON data" width="800" height="578"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Step 6 – Create &lt;code&gt;data.js&lt;/code&gt; in Your App
&lt;/h3&gt;

&lt;p&gt;Back in your project, create a new file at the root level called &lt;code&gt;data.js&lt;/code&gt; - paste the data you just generated from Damī into this file and save it.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Flt2jn540algwkvmzs060.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Flt2jn540algwkvmzs060.png" alt="Create data.js file" width="800" height="583"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Step 7 – Visit the University of Damī
&lt;/h3&gt;

&lt;p&gt;Now, go to your browser and navigate to the University of Damī app. If you’re running it locally, the URL is: &lt;a href="http://localhost:3000" rel="noopener noreferrer"&gt;http://localhost:3000&lt;/a&gt;. Et voilà! You now have a working application with realistic data that you can show to your friends, coworkers, investors… or even your dog. 🐶&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fy641fgevl6ulp4bniq7w.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fy641fgevl6ulp4bniq7w.png" alt="Dami university works!" width="800" height="524"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Wrap-Up
&lt;/h3&gt;

&lt;p&gt;If you learned something new today or enjoyed this exercise, please consider supporting us on &lt;a href="https://github.com/Amrod92/dami" rel="noopener noreferrer"&gt;GitHub&lt;/a&gt; with a star. It really helps us continue developing and improving Damī.&lt;/p&gt;

&lt;p&gt;Mata ne! (またね)&lt;/p&gt;

</description>
      <category>testing</category>
      <category>database</category>
      <category>tooling</category>
      <category>programming</category>
    </item>
  </channel>
</rss>
