React Vite Tailwind Kit

React Tailwindcss Boilerplate build with Vite

This is a boilerplate build with Vite, React 18, TypeScript, Vitest, Testing Library, TailwindCSS 3, Eslint and Prettier.

What is inside?

This project uses many tools like:

• Vite
• ReactJS
• Tailwindcss
• Eslint
• Prettier

Getting Started

Install

Create the project.

npx degit elbrodelche/react-vite-tailwind-starter-kit my-app

Access the project directory.

cd my-app

Install dependencies.

pnpm install

Serve with hot reload at http://localhost:5173.

pnpm run dev

Lint

pnpm run lint

Architecture

Here is a brief overview of each directory and file:

src/          This is the main directory of the application, and it contains all of the application code.
components/   This directory contains all of the reusable UI components used throughout the application.
pages/        This directory contains the top-level components for each page in the application.
assets/       This directory contains static assets such as images and fonts.
utils/        This directory contains utility functions and modules used throughout the application.
store/        This directory contains all of the Redux store-related files, including actions, reducers, selectors, types, and the main index file.
App.js        This is the top-level component of the application, which renders the main layout of the application and handles routing.
main.js      This is the entry point of the application, which renders the App component.
index.css     This file contains global CSS styles for the application

License

ISC