Academyacademy / vibe-102 / data-shape

Data Shape

What this is

Data shape means the structure of one item in your app.

In Vibe 102, every app is one list of items. Each item is an object.

Why it matters

A website is mostly built around sections.

A mini app is built around data.

If you know the item shape, you know what the app needs to add, show, update, delete, and save.

What to do

Compare your project brief with the approved app pattern:

AppItemCommon fields
Mission Task Trackertasktext, completed, createdAt
Habit Trackerhabitname, doneToday, streak
Expense Trackerexpensetitle, amount, category
Project Bookmark Managerbookmarktitle, url, favorite
Lead Trackerleadname, contact, status
Study Flashcardscardquestion, answer, mastered
Mini Journalentrytitle, note, mood
Recipe Idea Saverrecipe ideaname, ingredients, tried

Answer:

Reference

What is one item in my app?
What 3 or 4 fields does that item need?
What field changes when the user updates or marks the item?
Can the app work with one list of those items?

If AI already created a data shape, check it against this page. Keep it only if it matches one list of items and avoids login, database, API, charts, and extra pages.

Common mistakes

  • Designing the screen before knowing the item.
  • Adding too many fields.
  • Mixing multiple app ideas into one data shape.
  • Adding user accounts because the word "data" sounds like database.
  • Accepting a data shape with private or sensitive information.

Vibe 102 / Current checkpoint

Data Shape

Ready to stamp - Saved in this browser only.

0 of 16 checkpoints complete

0 of 16 checkpoints complete.