LuisVallespin / Vitae

Vitae is an opinionated starter template that uses Vite + React + Typescript

Vitae

Vitae is an opinionated starter template that uses Vite + React + Typescript

Features

• Coding: Vite with SWC + React with TypeScript.
• Styling: Tailwind + Prettier plugin.
• Linting: ESLint, stylelint and Prettier and Husky + lint-staged + commitlint to lint before commits .
• Testing: Unit testing with Vitest + Testing Library and E2E testing with Playwright.
• GitHub Actions for automatic unit & e2e test running.

Getting started

Use this repository as a GitHub template:

Then, install the dependencies:

npm i

Before you start coding

• Change the name field in package.json.
• Not interested in GitHub Actions? Delete the .github folder.
• Modify or delete the LICENSE file.

Scripts

• npm dev - start a development server with hot reload.
• npm build - generate the build for production on the dist folder.
• npm format - format all files with Prettier.
• npm preview - preview the production build.
• npm prepare - prepares the project to use Husky.
• npm test - run all the unit tests with Vitest.
• npm e2e - run all e2e tests using Playwright.
• npm lint - runs ESLint and Stylelint.
• npm format - format all files with Prettier.