Vite React Template ⚡️

This Vite template provides a streamlined and professional starting point for web development projects. It includes pre-configured essential tools, a testing setup, and uniform conventional commits to help you maintain a consistent commit history. Get started quickly and easily with this template and focus on building great products.

✨ Looking out for template with Rome configuration instead? Vite Rome

What's inside? 📦

• React 18
• TypeScript
• Speedy Web Compiler (SWC)
• ESLint
• Prettier
• React Testing Library
• Vitest
• Vitest UI
• MSW
• Husky
• Lint-staged
• Commit lint

Getting Started 🧑🏻‍💻

1. Click the Use this template button to create a new repository based on this template.
2. Clone the newly created repository to your local machine.
3. Install dependencies by running npm install.
4. Start the development server by running npm run dev.
5. Open your browser and navigate to http://localhost:5173.
6. Start building your awesome project!

Usage ⚙️

Test

1. To run the test file, use the following command:

npm run test

2. To run the interactive testing UI, use the following command:

npm run test:ui

3. To run the coverage report, use the following command:

npm run coverage

Commit

To run an interactive commit based on the conventional commit standard, use the following command:

npm run commit