{"id":31225052,"url":"https://github.com/teambit/crm-design","last_synced_at":"2025-09-22T00:33:36.658Z","repository":{"id":304552187,"uuid":"1019125350","full_name":"teambit/crm-design","owner":"teambit","description":null,"archived":false,"fork":false,"pushed_at":"2025-07-13T19:47:00.000Z","size":269,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-07-13T21:29:15.484Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/teambit.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-07-13T19:42:51.000Z","updated_at":"2025-07-13T19:53:43.000Z","dependencies_parsed_at":"2025-07-13T21:41:08.764Z","dependency_job_id":null,"html_url":"https://github.com/teambit/crm-design","commit_stats":null,"previous_names":["teambit/crm-design"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/teambit/crm-design","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/teambit%2Fcrm-design","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/teambit%2Fcrm-design/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/teambit%2Fcrm-design/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/teambit%2Fcrm-design/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/teambit","download_url":"https://codeload.github.com/teambit/crm-design/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/teambit%2Fcrm-design/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":276329132,"owners_count":25623325,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-09-21T02:00:07.055Z","response_time":72,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-09-22T00:32:21.822Z","updated_at":"2025-09-22T00:33:36.645Z","avatar_url":"https://github.com/teambit.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# CRM Design System 🛸 A Hope AI Example Project\n\n[![License: Apache 2.0](https://img.shields.io/badge/License-Apache_2.0-blue.svg)](https://opensource.org/licenses/Apache-2.0)\n\nWelcome to **CRM Design System**! This is a modular, reusable component library generated using [**Hope AI**](https://bit.cloud) and refined by humans. It demonstrates how to compose a modern design system from independent, reusable UI components, suitable for building scalable web applications.\n\nThis project serves as a practical guide to showcase AI-driven development, modular architecture, and rapid delivery with Hope AI.\n\nBrowse the components on the [Bit Cloud example organization](https://bit.cloud/corporate) for live previews and documentation of the design system components.\n\n---\n\n## ✨ Features\n\n* **[Component Library](https://bit.cloud/corporate/design):** Browse the [design system components](https://bit.cloud/corporate/design/~components). Each is a standalone, reusable package.\n* **Modular Architecture:** Components are organized by domain (actions, content, layouts, loaders, navigation, typography, theming) for easy discovery and maintenance.\n* **Theming:** Easily customize the look and feel with a flexible theming system.\n* **Composability:** Build complex UIs by composing simple, well-documented components.\n\n---\n\n## 🛠️ Tech Stack\n\nThis design system is built with a modern, component-oriented technology stack:\n\n* **Monorepo:** [Bit](https://bit.dev) - For creating, versioning, and composing the design system packages.\n* **Frontend:** [React](https://reactjs.org/) - For building interactive and reusable UI components.\n* **Development:** [Vite](https://vite.dev) - For fast component development and preview.\n* **Styling:** CSS Modules - For locally scoped and conflict-free component styles.\n* **Code standards:** Unit tests powered by [Vitest](https://vitest.dev). Code consistency and quality enforced by [ESLint](https://eslint.org).\n\n---\n\n## 🚀 Getting Started\n\nFollow these steps to get the design system running on your local machine.\n\n### Prerequisites\n\nMake sure you have [Bit](https://bit.dev/docs/getting-started/installing-bit/installing-bit) installed globally on your system.\n\n### Installation \u0026 Setup\n\n1.  **Clone the repository** (or get the source code).\n2.  **Navigate into the project directory:**\n    ```bash\n    cd path/to/crm-design\n    ```\n3.  **Install dependencies** for all components in the workspace:\n    ```bash\n    bit install\n    ```\n\n## Developing \u0026 Previewing Components\n\nYou can develop and preview individual components in isolation using the Bit workspace. This is ideal for building, testing, and documenting design system components:\n\n```bash\nbit start\n```\n\nThis command launches the Bit development server, where you can see, test, and interact with each component in isolation. It's great for development and debugging.\n\n## Testing Components\n\nRun unit tests for all components using:\n\n```bash\nbit test\n```\n\n## 📂 Project Structure\n\nThe directory structure is organized by component domain. This makes the codebase more modular, scalable, and easier to maintain. Key domains include:\n\n- `actions/` – Actionable UI elements (e.g., buttons)\n- `content/` – Content display components (e.g., badge, card)\n- `layouts/` – Layout primitives (e.g., flex, page-layout)\n- `loaders/` – Loading indicators (e.g., spinner)\n- `my-crm-theme/` – Theming and design tokens\n- `navigation/` – Navigation components (e.g., link, tabs)\n- `typography/` – Text and heading components\n\nEach component is self-contained with its own source, styles, documentation, tests, and compositions for easy reuse and discovery.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fteambit%2Fcrm-design","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fteambit%2Fcrm-design","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fteambit%2Fcrm-design/lists"}