A boilerplate for building a frontend application using Vite, React, TypeScript, and TailwindCSS
MIT License
This repository is a boilerplate for building a frontend application using Vite, React, TypeScript, and TailwindCSS. It includes ESLint, Prettier, and Husky pre-commit hooks for code quality and consistency.
Clone the repository:
git clone https://github.com/codingunda/vite-react-ts-tailwind-boilerplate.git
cd vite-react-ts-tailwind-boilerplate
Install dependencies:
npm install
Start the development server:
npm run dev
The development server will be running at http://localhost:5173
.
npm run dev
: Starts the development server.npm run build
: Builds the app for production.npm run preview
: Serves the production build.npm run lint
: Runs ESLint to check for linting errors.npm run prepare
: Setup husky.npm run format
: Formats code using Prettier..
├── .husky
│ └── pre-commit
├── .vscode
│ └── settings.json
├── public
│ └── favicon.svg
├── src
│ ├── assets
│ │ ├── styles.css
│ ├── app.tsx
│ └── main.tsx
├── .eslintignore
├── .eslintrc.js
├── .gitignore
├── .lintstagedrc
├── .prettierignore
├── .prettierrc.mjs
├── index.html
├── LICENSE
├── package.json
├── postcss.config.mjs
├── README.md
├── tailwind.config.js
├── tsconfig.json
├── tsconfig.node.json
└── vite.config.ts
This project uses ESLint for linting and Prettier for code formatting. Husky is used to run pre-commit hooks to ensure code quality before committing changes.
If you want to contribute to this project, please follow these steps:
git checkout -b feature-branch
).git commit -m 'Add some feature'
).git push origin feature-branch
).This project is licensed under the MIT License. See the LICENSE file for more information.
Enjoy building your Vite React TypeScript TailwindCSS application!
Happy coding!