Flowers Frontend Storybook

Installation

To install the project and its dependencies, follow these steps:

1. Clone the repository:

   git clone https://github.com/your-username/flowers-frontend-storybook.git

2. Navigate to the project directory:

   cd flowers-frontend-storybook

3. Install the dependencies:

   npm install

Usage

To use the components from this project in your own applications, you can follow these steps:

1. Install the package in your project:

   npm install flowers-frontend-storybook

2. Import the desired components in your code:

   import { Button, Card, FlowerImage } from 'flowers-frontend-storybook';

3. Use the imported components in your application:

   function App() {
     return (
       <div>
         <Card>
           <FlowerImage src="path/to/image.jpg" />
           <Button>Click me</Button>
         </Card>
       </div>
     );
   }

4. Customize the imported components according to your needs.

Available Scripts

In the project directory, you can run the following scripts:

• dev: Starts the Next.js development server.
• build: Builds the Next.js application for production.
• start: Starts the Next.js production server.
• lint: Runs ESLint to check for linting errors.
• storybook: Starts the Storybook server on port 6006.
• build-storybook: Builds the static version of Storybook.
• chromatic: Publishes Storybook to Chromatic for visual regression testing.
• prepare: Installs Husky hooks for pre-commit and pre-push actions.

You can run these scripts using the following command:

npm run <script-name>