React TypeScript Vite Template

Kickstart your web development projects with this ready-to-use template that leverages the latest and greatest technologies.

Features

• React for building modern user interfaces.
• TypeScript for safer and more maintainable development.
• Vite as the lightning-fast development environment.
• Vitest for unit testing with Vite.
• Tailwind CSS for fast and customizable styling.
• Husky with precommit hooks to ensure code quality.
• Absolute imports import Test from '@/components/test' configured for better code organization.

Prerequisites

Make sure you have Node.js and Yarn installed on your system before getting started.

Getting Started

1. Clone this repository: npx degit lucerojulian/react-vite-template#master projectName.
2. Navigate to the project directory: cd projectName.
3. Install the dependencies: yarn.
4. Start building your app!

Usage

• Run the Vite development server: yarn dev.
• Run unit tests: yarn test.
• Generate a production build: yarn build.

Directory Structure

/.husky
/public
/src
  /__tests__
  /assets
  /components
  /hooks
  /pages
  /router
  /test
  /utilities
  App.tsx
  main.tsx

index.html
package.json
README.md
tailwind.config.js
tsconfig.json
vite.config.ts

Adjust the directory structure to fit the needs of your project.

Contribution

Contributions are welcome! If you find any issues or want to improve this template, feel free to create a pull request.

License

This project is licensed under the MIT License. See the LICENSE file for more details.