{"id":16278708,"url":"https://github.com/pixelass/react-js-template","last_synced_at":"2026-04-28T12:05:06.052Z","repository":{"id":38827912,"uuid":"453908014","full_name":"pixelass/react-js-template","owner":"pixelass","description":"A template for Create React App with batteries included","archived":false,"fork":false,"pushed_at":"2022-06-08T07:48:48.000Z","size":2756,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-09-12T19:06:40.979Z","etag":null,"topics":["behavior-driven-development","create-react-app","cypress","husky","jest","linting","react","storybook","test-driven-development"],"latest_commit_sha":null,"homepage":"https://react-js-template-six.vercel.app","language":"JavaScript","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/pixelass.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":".github/CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":".github/CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2022-01-31T06:57:21.000Z","updated_at":"2022-07-07T15:26:40.000Z","dependencies_parsed_at":"2022-08-26T20:02:22.714Z","dependency_job_id":null,"html_url":"https://github.com/pixelass/react-js-template","commit_stats":null,"previous_names":[],"tags_count":0,"template":true,"template_full_name":"pixelass/next-js-template","purl":"pkg:github/pixelass/react-js-template","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pixelass%2Freact-js-template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pixelass%2Freact-js-template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pixelass%2Freact-js-template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pixelass%2Freact-js-template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pixelass","download_url":"https://codeload.github.com/pixelass/react-js-template/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pixelass%2Freact-js-template/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32379633,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-28T11:25:28.583Z","status":"ssl_error","status_checked_at":"2026-04-28T11:25:05.435Z","response_time":56,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["behavior-driven-development","create-react-app","cypress","husky","jest","linting","react","storybook","test-driven-development"],"created_at":"2024-10-10T18:59:40.085Z","updated_at":"2026-04-28T12:05:06.025Z","avatar_url":"https://github.com/pixelass.png","language":"JavaScript","readme":"# React App\n\nThis is a template for a [Create React App](https://create-react-app.dev/) with additional tools.\n\n\u003c!-- toc --\u003e\n\n- [Tech-Stack](#tech-stack)\n- [Getting started](#getting-started)\n- [Behavior Driven Development](#behavior-driven-development)\n- [Test Driven Development](#test-driven-development)\n- [Commitlint](#commitlint)\n- [Commands](#commands)\n- [Skipping linters](#skipping-linters)\n\n\u003c!-- tocstop --\u003e\n\nIt uses the following tools/libraries:\n\n## Tech-Stack\n* [Storybook](https://storybook.js.org/)\n* [Cypress](https://cypress.io/)\n* [Jest](https://jestjs.io/)\n* [Commitlint](https://commitlint.js.org/)\n* [Stylelint](https://stylelint.io/)\n* [Eslint](https://eslint.org/)\n* [Prettier](https://prettier.io/)\n\n## Project Setup\n\nThis project uses different deployments to make code reviews easier:\n\n* Vercel (App Production)\n* Vercel (App Preview)\n* GitHub Pages (Storybook Production)\n* Surge (Storybook Preview)\n\n### Set up Vercel\n\nPlease follow this guide: https://vercel.com/docs/concepts/git\n\n### Setup GitHub Pages\n\nPlease follow this guide: https://docs.github.com/en/pages/getting-started-with-github-pages/configuring-a-publishing-source-for-your-github-pages-site\n\nUse the `gh-pages` branch\n\n### Setup Surge\n\nTo generate a surge token please use the following command\n\n```shell\nnpx surge token\n```\n\nIt will output something like this:\n\n```shell\n❯ npx surge token\n\n   1234567890abcdefghijklmnopqrstuv\n```\n\nAdd this token to your [GitHub secrets](https://docs.github.com/en/actions/security-guides/encrypted-secrets) \n\nWe only need it for the \"Preview\" Environment, but you can add it to both (see screenshot below)\n\n![GitHub Secret for Surge](./docs/resources/github-secrets-surge.png)\n\n## Getting started\n\n**Run the development server:**\n\n```bash\nnpm run dev\n```\n\n**Run storybook:**\n\n```shell\nnpm run storybook\n```\n\n## Behavior Driven Development\n\nWe use behavior tests. You can read more about our decision in the\n[documentation](./docs/BEHAVIOR_DRIVEN_DEVELOPMENT.md).\n\n## Test Driven Development\n\nWe jest to write unit tests. Please look at the Documentation for [Jest](https://jestjs.io/)\nand [testing-library](https://testing-library.com/docs/react-testing-library/intro/).\n\n## Commitlint\n\nWe use commitlint to ensure conventional commit messages. You can read more about our decision in\nthe [documentation](./docs/COMMITS.md).\n\n\n## Commands\n\n**Run the development server:**\n\n```bash\nnpm run dev\n```\n\n**Build:**\n\n```shell\nnpm run build\n```\n\n**Run storybook:**\n\n```shell\nnpm run storybook\n```\n\n**Build storybook:**\n\n```shell\nnpm run storybook:build\n```\n\n**Run e2e tests:**\n\n```shell\nnpm run cypress # local without server\n# npm run cypress:run # headless\n# npm run test:e2e # with server\n```\n\n**Run unit tests:**\n\n```shell\nnpm run jest\n# npm run jest:watch # watch\n# npm run test:unit # same as \"npm run jest\"\n```\n\n**Run all tests:**\n\n```shell\nnpm run test\n```\n\n**Run stylelint**\n\n```shell\nnpm run stylelint\n```\n\n**Run eslint**\n\n```shell\nnpm run eslint\n```\n\n**Run all linters**\n\n```shell\nnpm run lint\n```\n\n## Skipping linters\n\nIf you need to skip a linter you can add the `--no-verify` flag.\n\n\u003e Warning! We strongly advise against skipping linters.\n\n```shell\n# Skipping commitlint\ngit commit README.md -m \"this is a dirty commit\" --no-verify\n# Skipping linters\ngit push --no-verify\n```\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpixelass%2Freact-js-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpixelass%2Freact-js-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpixelass%2Freact-js-template/lists"}