Skip to content

Latest commit

 

History

History
49 lines (38 loc) · 3.73 KB

README.md

File metadata and controls

49 lines (38 loc) · 3.73 KB

MealDrop

Storybook is an open-source tool that helps you develop UI components in isolation. It runs in your codebase, but separately from your application. It's like a sandbox, allowing you to not get distracted by incomplete APIs, flaky data, and other external dependencies. It integrates with frameworks like React, Vue, Svelte, Angular, and many others!

With Storybook, you can ease the development of a design system and share a common language with Designers. QA's can get an overview and test functionalities in isolation. Stakeholders can use it for demo purposes. Overall, Storybook helps connect all of these people, greatly improving collaboration!

This is MealDrop, a real-world like project made by Yann Braga (from the Storybook team). It's a food delivery app built from scratch with:

Every component of the app is developed and documented in Storybook, and the designs are all in Figma.

MealDrop Demo MealDrop Storybook MealDrop Designs

You can check this repo as a reference for:

  • The core concepts of Storybook
  • Development workflow with Storybook
  • Using the full potential of Storybook, adding components, features and pages
  • Testing strategies with Storybook
  • Building UI faster
  • Mental models for component development
  • Tools to improve designer-developer collaboration
  • Best practices

What the demo showcases