{"id":20652925,"url":"https://github.com/gregoranders/ts-react-playground","last_synced_at":"2025-03-09T21:24:37.101Z","repository":{"id":37969920,"uuid":"271123016","full_name":"gregoranders/ts-react-playground","owner":"gregoranders","description":"TypeScript React Playground","archived":false,"fork":false,"pushed_at":"2023-08-07T11:21:31.000Z","size":579,"stargazers_count":1,"open_issues_count":5,"forks_count":1,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-01-17T10:44:18.524Z","etag":null,"topics":["code-coverage","codeclimate","codeclimate-coverage","docker","enzyme","eslint","esm","fontawesome5","jest","livereload","material-ui","puppeteer-screenshot","react","react-router-dom","rollup","scss","storybook","typescript","webpack","workflows"],"latest_commit_sha":null,"homepage":"https://gregoranders.github.io/ts-react-playground-docs","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/gregoranders.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-06-09T22:30:37.000Z","updated_at":"2023-02-15T10:10:51.000Z","dependencies_parsed_at":"2024-11-16T17:39:37.596Z","dependency_job_id":"415cf802-097c-45f9-a4ed-e1c2372cc62b","html_url":"https://github.com/gregoranders/ts-react-playground","commit_stats":null,"previous_names":[],"tags_count":16,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gregoranders%2Fts-react-playground","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gregoranders%2Fts-react-playground/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gregoranders%2Fts-react-playground/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gregoranders%2Fts-react-playground/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gregoranders","download_url":"https://codeload.github.com/gregoranders/ts-react-playground/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":242753381,"owners_count":20179678,"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":["code-coverage","codeclimate","codeclimate-coverage","docker","enzyme","eslint","esm","fontawesome5","jest","livereload","material-ui","puppeteer-screenshot","react","react-router-dom","rollup","scss","storybook","typescript","webpack","workflows"],"created_at":"2024-11-16T17:39:26.565Z","updated_at":"2025-03-09T21:24:36.987Z","avatar_url":"https://github.com/gregoranders.png","language":"TypeScript","readme":"# [\u003cimg src=\"./typescript.svg\" /\u003e](http://www.typescriptlang.org/) [\u003cimg src=\"./react.svg\" /\u003e](https://reactjs.org/) Playground\n\n#### [Storybook](https://gregoranders.github.io/ts-react-playground-docs)\n\n[![Dependency Status][daviddm-image]][daviddm-url]\n[![License][license-image]][license-url]\n[![Issues][issues-image]][issues-url]\n[![Code maintainability][code-maintainability-image]][code-maintainability-url] [![Code issues][code-issues-image]][code-issues-url] [![Code Technical Debt][code-tech-debt-image]][code-tech-debt-url]\n\n[![Main Language][language-image]][code-metric-url] [![Languages][languages-image]][code-metric-url] [![Code Size][code-size-image]][code-metric-url] [![Repo-Size][repo-size-image]][code-metric-url]\n\n## Features\n\n- [TypeScript](http://www.typescriptlang.org/)\n- [React](https://reactjs.org/) + [React-Router](https://reacttraining.com/react-router/) + [Recoil](https://recoiljs.org/)\n- [Material-UI](https://material-ui.com/getting-started/example-projects/)\n- [SCSS](https://sass-lang.com/)\n- [ServiceWorker](https://developers.google.com/web/fundamentals/primers/service-workers/) for [PWA](https://web.dev/progressive-web-apps/)\n- [Jest](https://jestjs.io) Snapshot/Unit Tests with Code Coverage (enzyme)\n- [Jest](https://jestjs.io) + [Puppeteer](https://pptr.dev) (screenshots from submodule) E2E Tests\n- [Storybook](https://storybook.js.org) (publish via CI into submodule)\n- [ESM](https://github.com/guybedford/es-module-shims) (development or build)\n- [Webpack](https://webpack.js.org) (development or build)\n- [Rollup](https://rollupjs.org) for Vendor as [ESM](https://github.com/guybedford/es-module-shims)\n- GitHub CI Integration (feature, development, master, release)\n- Code Quality via Code Climate\n- Docker Container (nginx with ssl)\n\n### Vendor Packages\n\n- clsx\n- d3-array\n- d3-color\n- d3-format\n- d3-interpolate\n- d3-path\n- d3-scale\n- d3-shape\n- d3-time\n- d3-time-format\n- @devexpress\n  - dx-react-chart\n  - dx-react-chart-material-ui\n  - dx-react-core\n- es-module-shims\n- faker\n- @fortawesome\n  - fontawesome-svg-core\n  - free-brands-svg-icons\n  - free-regular-svg-icons\n  - free-solid-svg-icons\n  - react-fontawesome\n- gsap\n- idb\n- @material-ui\n  - core\n  - icons\n  - lab\n  - styles\n- mdi-material-ui\n- object-assign\n- prop-types\n- react\n- react-dom\n- react-is\n- react-router\n- react-router-dom\n- react-smooth\n- react-transition-group\n- recharts\n- recharts-scale\n- recoil\n- scheduler\n- workbox-window\n\n| GitHub                                                           | Coveralls                                                                  |                                                                              |\n| ---------------------------------------------------------------- | -------------------------------------------------------------------------- | ---------------------------------------------------------------------------- |\n| [![ReleaseMaster Build][release-build-image]][release-url]       |                                                                            | [![Release][release-image]][release-url]                                     |\n| [![Master Build][master-build-image]][master-url]                | [![Master Coverage][master-coveralls-image]][master-coveralls-url]         | [![Master Version][master-version-image]][master-version-url]                |\n| [![Development Build][development-build-image]][development-url] | [![Test Coverage][development-coveralls-image]][development-coveralls-url] | [![Development Version][development-version-image]][development-version-url] |\n\n### Clone repository\n\n```\ngit clone --recursive https://github.com/gregoranders/ts-react-playground\n```\n\n### Install dependencies\n\n```\nnpm install\n```\n\n### Build\n\n#### Webpack\n\n```\nnpm run build:webpack\n```\n\n#### ESM\n\n```\nnpm run build:esm\n```\n\n### Testing\n\n#### Test using [Jest](https://jestjs.io/)\n\n```\nnpm test\n```\n\n#### E2E Test using [Jest](https://jestjs.io/) and [Puppeteer](https://pptr.dev/)\n\n```\nnpm run e2e\n```\n\n### Development\n\n#### Webpack\n\n```\nnpm start\n```\n\n#### ESM\n\n```\nnpm run watch-script\nnpm run watch-scss\nnpm run watch-livereload\n```\n\n#### Code Climate Checks [docker required](docs/CODECLIMATE.md)\n\n```\nnpm run codeclimate\n```\n\n### Storybook\n\n```\nnpm run storybook\n```\n\n### Clear\n\n```\nnpm run clear\n```\n\n[release-url]: https://github.com/gregoranders/ts-react-playground/releases\n[master-url]: https://github.com/gregoranders/ts-react-playground/tree/master\n[development-url]: https://github.com/gregoranders/ts-react-playground/tree/development\n[repository-url]: https://github.com/gregoranders/ts-react-playground\n[code-metric-url]: https://github.com/gregoranders/ts-react-playground/search?l=TypeScript\n[travis-url]: https://travis-ci.org/gregoranders/ts-react-playground\n[travis-image]: https://travis-ci.org/gregoranders/ts-react-playground.svg?branch=master\n[daviddm-url]: https://david-dm.org/gregoranders/ts-react-playground\n[daviddm-image]: https://david-dm.org/gregoranders/ts-react-playground.svg?branch=master\n[license-url]: https://github.com/gregoranders/ts-react-playground/blob/master/LICENSE\n[license-image]: https://img.shields.io/github/license/gregoranders/ts-react-playground.svg\n[master-version-url]: https://github.com/gregoranders/ts-react-playground/blob/master/package.json\n[master-version-image]: https://img.shields.io/github/package-json/v/gregoranders/ts-react-playground/master\n[development-version-url]: https://github.com/gregoranders/ts-react-playground/blob/development/package.json\n[development-version-image]: https://img.shields.io/github/package-json/v/gregoranders/ts-react-playground/development\n[issues-url]: https://github.com/gregoranders/ts-react-playground/issues\n[issues-image]: https://img.shields.io/github/issues-raw/gregoranders/ts-react-playground.svg\n[release-image]: https://img.shields.io/github/release/gregoranders/ts-react-playground\n[release-build-image]: https://github.com/gregoranders/ts-react-playground/workflows/Release%20CI/badge.svg\n[master-build-image]: https://github.com/gregoranders/ts-react-playground/workflows/Master%20CI/badge.svg\n[development-build-image]: https://github.com/gregoranders/ts-react-playground/workflows/Development%20CI/badge.svg\n[master-coveralls-url]: https://coveralls.io/github/gregoranders/ts-react-playground?branch=master\n[master-coveralls-image]: https://img.shields.io/coveralls/github/gregoranders/ts-react-playground/master\n[development-coveralls-image]: https://img.shields.io/coveralls/github/gregoranders/ts-react-playground/development\n[development-coveralls-url]: https://coveralls.io/github/gregoranders/ts-react-playground?branch=development\n[code-maintainability-url]: https://codeclimate.com/github/gregoranders/ts-react-playground/maintainability\n[code-maintainability-image]: https://img.shields.io/codeclimate/maintainability/gregoranders/ts-react-playground\n[code-issues-url]: https://codeclimate.com/github/gregoranders/ts-react-playground/maintainability\n[code-issues-image]: https://img.shields.io/codeclimate/issues/gregoranders/ts-react-playground\n[code-tech-debt-url]: https://codeclimate.com/github/gregoranders/ts-react-playground/maintainability\n[code-tech-debt-image]: https://img.shields.io/codeclimate/tech-debt/gregoranders/ts-react-playground\n[language-image]: https://img.shields.io/github/languages/top/gregoranders/ts-react-playground\n[languages-image]: https://img.shields.io/github/languages/count/gregoranders/ts-react-playground\n[code-size-image]: https://img.shields.io/github/languages/code-size/gregoranders/ts-react-playground\n[repo-size-image]: https://img.shields.io/github/repo-size/gregoranders/ts-react-playground\n[travis-url]: https://travis-ci.org/gregoranders/ts-react-playground\n[travis-master-image]: https://travis-ci.org/gregoranders/ts-react-playground.svg?branch=master\n[travis-development-image]: https://travis-ci.org/gregoranders/ts-react-playground.svg?branch=development\n[circleci-url]: https://app.circleci.com/pipelines/github/gregoranders/ts-react-playground\n[circleci-master-image]: https://img.shields.io/circleci/build/github/gregoranders/ts-react-playground/master\n[circleci-development-image]: https://img.shields.io/circleci/build/github/gregoranders/ts-react-playground/development\n[appveyor-url]: https://ci.appveyor.com/project/gregoranders/ts-react-playground\n[appveyor-master-image]: https://img.shields.io/appveyor/build/gregoranders/ts-react-playground/master\n[appveyor-development-image]: https://img.shields.io/appveyor/build/gregoranders/ts-react-playground/development\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgregoranders%2Fts-react-playground","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgregoranders%2Fts-react-playground","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgregoranders%2Fts-react-playground/lists"}