{"id":14070216,"url":"https://github.com/noclocks/template-react-ts-starter","last_synced_at":"2026-04-11T17:46:06.991Z","repository":{"id":227951015,"uuid":"757482985","full_name":"noclocks/template-react-ts-starter","owner":"noclocks","description":"Boilerplate starter repository for frontend projects using Vite, React, TypeScript, etc.","archived":false,"fork":false,"pushed_at":"2024-03-25T18:24:01.000Z","size":145,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-30T07:51:13.946Z","etag":null,"topics":["boilerplate","eslint","frontend","nodejs","prettier","react","react-tsx","template","typescript","vite","vitest"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"unlicense","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/noclocks.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":"docs/roadmap.md","authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"custom":["https://www.paypal.me/noclocks","https://pay.noclocks.dev/b/7sI5o93U4gng9gs5kl"]}},"created_at":"2024-02-14T15:33:39.000Z","updated_at":"2024-04-03T14:17:21.000Z","dependencies_parsed_at":"2024-08-13T07:16:35.525Z","dependency_job_id":"64cc96d8-fa51-4d0e-9ceb-2a058f814a78","html_url":"https://github.com/noclocks/template-react-ts-starter","commit_stats":null,"previous_names":["noclocks/template-react-ts-starter"],"tags_count":1,"template":true,"template_full_name":null,"purl":"pkg:github/noclocks/template-react-ts-starter","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/noclocks%2Ftemplate-react-ts-starter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/noclocks%2Ftemplate-react-ts-starter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/noclocks%2Ftemplate-react-ts-starter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/noclocks%2Ftemplate-react-ts-starter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/noclocks","download_url":"https://codeload.github.com/noclocks/template-react-ts-starter/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/noclocks%2Ftemplate-react-ts-starter/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":269963282,"owners_count":24504302,"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-08-11T02:00:10.019Z","response_time":75,"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":["boilerplate","eslint","frontend","nodejs","prettier","react","react-tsx","template","typescript","vite","vitest"],"created_at":"2024-08-13T07:07:34.277Z","updated_at":"2026-04-11T17:46:06.971Z","avatar_url":"https://github.com/noclocks.png","language":"TypeScript","funding_links":["https://www.paypal.me/noclocks","https://pay.noclocks.dev/b/7sI5o93U4gng9gs5kl"],"categories":["TypeScript"],"sub_categories":[],"readme":"# No Clocks Frontend Development Template\n\n\u003e [!NOTE]\n\u003e This project serves the purpose of scaffolding out a boilerplate setup using [React](https://reactjs.org/), [TypeScript](https://www.typescriptlang.org/), [Vite](https://vitejs.dev/), and our preferred development environment tooling for frontend development.\n\u003e\n\u003e This project is not intended to be used as a standalone project, but rather as a starting point for new projects.\n\n## Table of Contents\n\n- [Table of Contents](#table-of-contents)\n- [Badges](#badges)\n- [Tech Stack](#tech-stack)\n- [Usage](#usage)\n  - [Prerequisites](#prerequisites)\n  - [Installation](#installation)\n  - [Development](#development)\n  - [Testing](#testing)\n  - [Code Coverage](#code-coverage)\n  - [Linting](#linting)\n  - [Building](#building)\n\n## Badges\n\n\u003c!-- BADGES:Start --\u003e\n\n[![Vitest](https://github.com/noclocks/template-react-ts-starter/actions/workflows/vitest.yml/badge.svg)](https://github.com/noclocks/template-react-ts-starter/actions/workflows/vitest.yml)\n\n[![Automate Changelog](https://github.com/noclocks/template-react-ts-starter/actions/workflows/changelog.yml/badge.svg)](https://github.com/noclocks/template-react-ts-starter/actions/workflows/changelog.yml)\n\n\u003c!-- BADGES:End --\u003e\n\n## Tech Stack\n\nThis project uses the following technologies:\n\n- [Vite](https://vitejs.dev/) for fast development\n- [React](https://reactjs.org/) for building user interfaces\n- [TypeScript](https://www.typescriptlang.org/) for static type checking\n- [Vitest](https://vitejs.dev/guide/testing.html) and [JSDOM](https://github.com/jsdom/jsdom) for testing\n- [Testing Library](https://testing-library.com/) for testing utilities\n- [ESLint](https://eslint.org/) and various [AirBnB ESLint Configurations](https://www.npmjs.com/package/eslint-config-airbnb) for linting\n- [Prettier](https://prettier.io/) for code formatting\n- [React Router](https://reactrouter.com/) for routing\n- [GitHub Actions](./.github/workflows/): for CI/CD and testing automation\n\n## Usage\n\nTo get started with this project, follow the instructions below.\n\n### Prerequisites\n\n- [Node.js](https://nodejs.org/en/)\n- [NPM](https://www.npmjs.com/) and [PNPM](https://pnpm.io/)\n- [Git](https://git-scm.com/)\n- [GitHub CLI](https://cli.github.com/)\n\n### Installation\n\nCreate a new local project using the template:\n\n\u003e [!WARNING]\n\u003e - [GitHub CLI](https://cli.github.com/) is required to use the `gh repo create` command.\n\u003e - Replace `my-new-project` with the name of your project.\n\n```bash\n# assuming project name is: my-new-project\ngh repo create my-new-project --public --clone --template noclocks/template-react-ts-starter\n```\n\nif you do not have the GitHub CLI installed, you can use the following command:\n\n```bash\n# assuming project name is: my-new-project\npnpm dlx degit noclocks/template-react-ts-starter my-new-project\n```\n\nChange into the new project directory:\n\n```bash\ncd my-new-project\n```\n\nInstall the dependencies:\n\n```bash\npnpm install\n```\n\n### Development\n\nStart the development server:\n\n```bash\npnpm run dev\n```\n\nOpen your browser and navigate to [http://localhost:5173](http://localhost:5173) to see your application.\n\n### Testing\n\nRun the tests:\n\n```bash\npnpm run test\n```\n\nOutput:\n\n```bash\n\u003e template-react-ts-starter@0.0.1 test X:\\github\\noclocks\\template-react-ts-starter\n\u003e vitest\n\n RUN  v1.4.0 X:/github/noclocks/template-react-ts-starter\n\n ✓ tests/App.test.tsx (3)\n   ✓ App (3)\n     ✓ Rendering (3)\n       ✓ Shouold render without throwing\n       ✓ Renders hello world\n       ✓ Renders not found if invalid path\n\n Test Files  1 passed (1)\n      Tests  3 passed (3)\n   Start at  19:39:59\n   Duration  1.49s (transform 78ms, setup 180ms, collect 322ms, tests 95ms, environment 482ms, prepare 134ms)\n```\n\n### Code Coverage\n\nRun the tests with code coverage:\n\n```bash\npnpm run test:coverage\n```\n\nOutput:\n\n```bash\n\u003e template-react-ts-starter@0.0.1 test:coverage X:\\github\\noclocks\\template-react-ts-starter\n\u003e vitest run --coverage\n\n\n RUN  v1.4.0 X:/github/noclocks/template-react-ts-starter\n      Coverage enabled with v8\n\n ✓ tests/App.test.tsx (3)\n   ✓ App (3)\n     ✓ Rendering (3)\n       ✓ Shouold render without throwing\n       ✓ Renders hello world\n       ✓ Renders not found if invalid path\n\n Test Files  1 passed (1)\n      Tests  3 passed (3)\n   Start at  19:40:41\n   Duration  1.64s (transform 106ms, setup 144ms, collect 343ms, tests 104ms, environment 523ms, prepare 138ms)\n\n % Coverage report from v8\n---------------|---------|----------|---------|---------|-------------------\nFile            | % Stmts   | % Branch   | % Funcs   | % Lines   | Uncovered Line \\#s\n----------------|-----------|------------|-----------|-----------|--------------------\nAll files       | 100       | 100        | 100       | 100       |\nsrc             | 100       | 100        | 100       | 100       |\nApp.tsx         | 100       | 100        | 100       | 100       |\nmain.tsx        | 100       | 100        | 100       | 100       |\nsrc/pages       | 100       | 100        | 100       | 100       |\nHome.tsx        | 100       | 100        | 100       | 100       |\nNotFound.tsx    | 100       | 100        | 100       | 100       |\n--------------- | --------- | ---------- | --------- | --------- | -------------------\n```\n\n### Linting\n\nRun the linter:\n\n```bash\npnpm run lint\n```\n\nFix linting issues:\n\n```bash\npnpm run lint:fix\n```\n\n### Building\n\nBuild the application:\n\n```bash\npnpm run build\n```\n\nServe the production build:\n\n```bash\npnpm run serve\n```\n\n***\n\nNo Clocks, LLC | 2024\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnoclocks%2Ftemplate-react-ts-starter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnoclocks%2Ftemplate-react-ts-starter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnoclocks%2Ftemplate-react-ts-starter/lists"}