Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Setup Storybook for website #102

Closed
fozziethebeat opened this issue Dec 28, 2022 · 2 comments · Fixed by #110
Closed

Setup Storybook for website #102

fozziethebeat opened this issue Dec 28, 2022 · 2 comments · Fixed by #110
Assignees
Labels
good first issue Good issue for project newcomers website

Comments

@fozziethebeat
Copy link
Collaborator

Configure and setup Storybook to run on any visual components we build. This will help anyone developing components test their visual look and feel without worrying about any backend business.

Key qualities:

  • The setup should include both tailwindcss and chakra-ui styles to ensure the storybook view matches what'll be in the website.
  • Any storybook setup should make it easy to mock out the data needed.
  • Storybook can focus just on components in components/ rather than pages/
  • Can be run with npm run storybook

It would also be helpful to add to the README how someone can setup a storybook config for a new component they write (such as pointing to an example they can copy).

@fozziethebeat fozziethebeat added website good first issue Good issue for project newcomers labels Dec 28, 2022
@jojopirker
Copy link
Contributor

I have some experience in using/setting up storyboard and could try to do this

@fozziethebeat
Copy link
Collaborator Author

Great! I've done it before with nextJS so if you run into issues please let me know.

For setting up the component stories, an idea would be to let us write our components like in this example. Then we can write the component and the story in the same directory and storybook just figures it all out.

@yk yk linked a pull request Dec 28, 2022 that will close this issue
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
good first issue Good issue for project newcomers website
Projects
Archived in project
Development

Successfully merging a pull request may close this issue.

2 participants