tighug / meleon-ui Goto Github PK

Problem to solve

Need to arrange for development

Proposed solution

• Install packages
  • React
  • TypeScript
  • ESLint
  • Prettier
  • stylelint
  • Styled Components
  • Webpack
  • Storybook
• Add setting files
  • .gitignore
  • .eslintrc.js
  • .stylelintrc.js
  • tsconfig.json
  • bable.config.js
  • webpack.config.js
• Add npm scripts
  • Storybook

• Add Chip component
• Add Chip storybook

• Add Select.tsx
• Add Select.stories.tsx

Problem to solve

Need to add Box component

Proposed solution

• Add Box component

Problem to solve

Difficult to handle styled-system.

Proposed solution

• Remove styled-system
• Create system component such as border, display and position.
• Update Box component

Problem to solve

• Need to support dynamic theme

Proposed solution

• Add default color theme

• Add jest
• Add react-testing-library

• Add Badge.tsx
• Add Badge.stories.tsx

• Add theme to storybook

• Add TreeView component
• Add TreeItem component
• Add TreeView storybook

Proposed solution

• Add sheet component

• Add ButtonGroup.tsx
• Add ButtonGroup.stories.tsx

• Add import/export to index.ts

• Add Tab component
• Add Tabs component
• Add Tab storybook

Proposed solution

• Add card component

• Add Input.tsx
• Add Input.stories.tsx

• Add Menu.tsx
• Add Menu.stories.tsx

• postcss
• trim

• Add List.tsx
• Add ListItem.tsx
• Add List.stories.tsx

Problem to solve

Need an easy styling way

Proposed solution

• Install styled-system packages

• Add Divider.tsx
• Add Divider.stories.tsx

Proposed solution

• Update packages

Proposed solution

• Add icon component

• Remove unused packages
• Add @storybook/storybook-deployer
• Set up build settings

• Add Features
• Add Installation
• Add Usage
• Add Contributions
• Add License

Problem to solve

• Need Sheet component

Proposed solution

• Add Sheet component

Proposed solution

• Add Button component