Welcome to Cofiblocks marketplace: A Starknet web3 platform to innovate Costa Rica coffee industry. Cofiblocks connects small coffee farmers directly with coffee lovers, cutting out unnecessary intermediaries.
Fix the existing Storybook configuration to ensure compatibility with TailwindCSS and TypeScript.
Verify and update .storybook/main.js and .storybook/preview.js to properly support TailwindCSS, @storybook/addon-essentials, @storybook/addon-interactions, and @storybook/addon-styling-webpack.
Ensure Storybook runs smoothly in the project with npm run dev:storybook.
Create basic stories for the components in @repo/ui:
Ensure each story showcases different variants (sizes, colors, states) for each component.
Test all stories and ensure they're visually correct and function as expected.
Acceptance Criteria:
Storybook should launch without errors.
All basic components should have well-structured stories.
TailwindCSS should work correctly inside Storybook.
Verify proper display and behavior of components in various states.
Description:
.storybook/main.js
and.storybook/preview.js
to properly support TailwindCSS,@storybook/addon-essentials
,@storybook/addon-interactions
, and@storybook/addon-styling-webpack
.npm run dev:storybook
.@repo/ui
:Acceptance Criteria: