Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/serifcolakel/storybook-desing
I'm experimenting with design and library with storybook.
https://github.com/serifcolakel/storybook-desing
react storybook styled-components tailwindcss typescript
Last synced: 6 days ago
JSON representation
I'm experimenting with design and library with storybook.
- Host: GitHub
- URL: https://github.com/serifcolakel/storybook-desing
- Owner: serifcolakel
- Created: 2023-05-01T11:50:03.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-07-01T22:18:56.000Z (over 1 year ago)
- Last Synced: 2024-11-09T02:52:35.570Z (2 months ago)
- Topics: react, storybook, styled-components, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://main--646277c50fbc13e93ff8af67.chromatic.com/
- Size: 2.27 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Table of Contents
## DEV COMMIT TAGS
You can access the details of the commits made by the developers here.
Click for Dev Tags details.
|
TAGS
| EXPLAIN
|
| ---------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------- |
| **ADDED (username)** | It gives information about newly added Component, package and files. |
| **CREATED (username)** | It gives information about the Component, package and files created for the first time. |
| **CHANGED (username)** | It gives information about the changed function or method related to the problem or design. |
| **REMOVED (username)** | It gives information about the removed function or method related to the problem or design. |
| **UPDATED (username)** | It gives information about the updated function or method related to the problem or design. |
| **FIXED (username)** | It gives information about the solution of the problem caused by the problem. |
| **TODO (username)** | It gives information about the planned and encountered problem in the future. |
| **TEST (username)** | It is a tag created to test whether the functions added during build or for projects working in separate environments can work synchronously. |
| **INFO (username)** | It is a tag given to the commit to give information about the project. |
## About The Project
In this project, the basic concepts of Storybook explained with examples are included.
## **Built With**
In this section, the technologies used in the construction of the project are included.
- [TypeScript](https://www.typescriptlang.org/)
- [React](https://reactjs.org/)
- [Storybook](https://storybook.js.org/)
- [Styled-Components](https://styled-components.com/)
- [TailwindCSS](https://tailwindcss.com/)
## **Getting Started**
In this section, the steps for the cloning of the project and the improvements to be made by you are shown.
## Prerequisites
By following the steps below, your project can be run after the local installation.
- npm
```sh
npm install npm@latest -g
```
## **Installation**
_Below is an example of how you can instruct your audience on installing and setting up your app. This template doesn't rely on any external dependencies or services._
1. Clone the repo
```sh
git clone https://github.com/serifcolakel/storybook-desing.git
```
2. Install NPM packages
```sh
npm install
```
3. Run the project
```sh
npm run storybook
```
## **Usage**
In this section, you can access the documentation of the libraries used during the creation of the project.
_For more examples, please refer to the [TypeScript](
https://www.typescriptlang.org/
) and more._
## **Roadmap**
- [ ] Try to add more components and pages.
See the [Open Issues](https://github.com/serifcolakel/storybook-desing.git) for a full list of proposed features (and known issues).
## **Contributing**
Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.
If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement".
Don't forget to give the project a star! Thanks again!
## **Contact**
