{"id":20733090,"url":"https://github.com/watchitdev/watchit-uix","last_synced_at":"2025-03-11T10:37:33.486Z","repository":{"id":63921619,"uuid":"571250493","full_name":"WatchItDev/watchit-uix","owner":"WatchItDev","description":"watchit-uix","archived":false,"fork":false,"pushed_at":"2024-05-17T19:59:44.000Z","size":6718,"stargazers_count":0,"open_issues_count":17,"forks_count":0,"subscribers_count":3,"default_branch":"main","last_synced_at":"2024-10-29T22:37:34.796Z","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/WatchItDev.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}},"created_at":"2022-11-27T16:36:25.000Z","updated_at":"2024-05-17T19:59:48.000Z","dependencies_parsed_at":"2024-05-02T15:21:43.549Z","dependency_job_id":"8b8bcd4c-ba36-4b84-903d-408b89bb80fa","html_url":"https://github.com/WatchItDev/watchit-uix","commit_stats":{"total_commits":35,"total_committers":6,"mean_commits":5.833333333333333,"dds":"0.48571428571428577","last_synced_commit":"08fe0d1075917f61780cfc10946695dd25ec2f44"},"previous_names":["zorrillosdev/watchit-uix"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/WatchItDev%2Fwatchit-uix","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/WatchItDev%2Fwatchit-uix/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/WatchItDev%2Fwatchit-uix/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/WatchItDev%2Fwatchit-uix/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/WatchItDev","download_url":"https://codeload.github.com/WatchItDev/watchit-uix/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243016746,"owners_count":20222303,"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","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":"2024-11-17T05:23:21.793Z","updated_at":"2025-03-11T10:37:33.459Z","avatar_url":"https://github.com/WatchItDev.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Watchit UIX - UI/UX Component Library\n\u003eWatchit UIX is a UI/UX component library designed for reuse across multiple platforms, such as mobile, desktop, web, TV, and more. The library is built on three layers of abstraction which allow for modular and flexible interface building.\n\n## Layers of abstraction:\n**Atoms:** Atom components are the most basic building blocks that make up the interface. These components should not depend on other elements and should be designed to be as independent as possible. Some examples of atoms include Input, Label, RoundProgress, Icon, and Logo.\n\n**Molecules:** Molecule components are those that are mainly composed of atom components. These components are more complex and can include several atoms. Some examples of molecules include ChannelItem and Poster.\n\n**Organisms:** Organism components are those that are mainly composed of molecule and atom components. These components are even more complex and can include several molecules and atoms. Some examples of organisms include MobileMenu and MobileHeader.\n\n## Installation\n\u003eTo install library dependencies. Open a terminal and run the following command:\n\n```bash\nnpm install\n```\n\n## Testing\n\u003eThe Watchit UIX library can be tested using the testing-library/react testing framework. To run all tests, use the following command:\n\n```bash\nnpm run test\n```\n\n## Storybook\n\u003eStorybook is a tool that allows you to visualize and test components in isolation. To start Storybook in the Watchit UIX library, use the following command:\n\n```bash\nnpm run storybook\n```\n\n## Documentation\nFor more information about the Watchit UIX library, visit our website at [watchit.movie](http://watchit.movie). You can also read our post on [dev.to](https://dev.to/geolffreym/watchit-2b88) for more information on how to use the library.\n\n## Support\nIf you need help or encounter any issues with the Watchit UIX library, please create an issue in our GitHub repository. You can also reach out to us on [Gitter](https://gitter.im/watchit-app/community) for additional help.\n\n## Contributing\nIf you would like to contribute to the Watchit UIX library, please submit a pull request to our GitHub repository. We welcome all contributions and work to integrate them as quickly as possible.\n\n## About Watchit and Synapse Media\nWatchit and Watchit UI/UX are subproducts of Synapse Media, a company specializing in the development of media-related software and services. To learn more about Synapse Media and its products, visit synapsemedia.io.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwatchitdev%2Fwatchit-uix","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwatchitdev%2Fwatchit-uix","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwatchitdev%2Fwatchit-uix/lists"}