Please use the updated template for React

Frontend TS Template

Template includes:

• Vite: frontend build tool and dev server, configured in ./vite.config.ts
• TypeScript: types for js. Configured in ./tsconfig.json
• ESLint: Linter/code analyzer with plugins for TypeScript and sonarjs. Configured in ./.eslintrc.json
• Prettier: Formatter. Configured in ./.prettierrc.json
• Vitest: testing framework, configured in ./vite.config.ts > test
• unplugin-auto-import: global imports, configured in ./vite.config.ts > Plugins > AutoImport
• npm scripts (run with npm run <script>):
  • dev - starts a dev environment on localhost that will reload as files change
  • build - compile prod source code to ./dist
  • preview - after build, preview on localhost
  • lint - evaluate ESLint rules against source code
  • format - format source code with prettier and try to fix any ESLint errors
  • test:run - run tests
  • test:ui - run tests and display on localhost
  • test - run unit tests located in ./tests that will reload whenever files change
  • coverage - run coverage tests and output results to ./coverage

Project structure:

• Source code: ./src
• Tests: ./tests
• Types: ./types

Complete the configuration checklist below and remove from the README once complete.

TODO - README.md

• Specify the following fields with a search and replace: repo_name, project_title, project_description
• Replace personal information with your own: Tim-W-James, [email protected], https://linkedin.com/in/timothy-william-james/
• Fill out each section of the README as needed, uncommenting/removing sections as needed.
• Add images for the following: images/logo.png, images/screenshot.png
• Specify the LICENSE.txt for the project

TODO - package.json, tsconfig.json, .eslintrc.json, .editorconfig

• Specify the following fields with a search and replace: repo_name, project_title, project_description, project_keywords
• Replace personal information with your own: Tim-W-James, Tim James

• Set the target ES version (ES6 - supported by most browsers, ESNext - latest):
  • ./.eslint.json:
    • "<target>": true
    • "ecmaVersion": <target>
  • ./tsconfig.json:
    • "target": "<target>"
    • "module": "<target>"
    • "lib": ["<target>", "DOM"]
• Add any global imports to vite.config.ts > Plugins > AutoImport
• Do you want to commit package-lock? If yes, remove it from the ./.gitignore
• Specify node version in the .nvmrc
• Specify formatting and editor configuration in ./.editorconfig. Use the ./.prettierrc.json for js specific rules that are not defined in ./.editorconfig.
• Run: npm i
• Finally, remove/modify the sample code:
  • ./src/*
  • ./tests/*
  • ./favicon.svg
  • ./index.html

↑ Remove everything above once setup is complete. ↑

project_title

project_description

Table of Contents

1. About The Project
   • Features
   • Built With
2. Getting Started
   • Installation
3. License
4. Contact

About The Project

About text.

Features

Built With

Getting Started

Installation

1. Clone the repo

   git clone https://github.com/Tim-W-James/repo_name.git

License

Distributed under the MIT License. See LICENSE for more information.

Contact

Email: [email protected]

Project Link: https://github.com/Tim-W-James/repo_name