mirror of
https://github.com/MemerGamer/vite-react-ts-tailwind-example.git
synced 2026-05-10 12:44:53 +00:00
- TypeScript 85.4%
- CSS 6.3%
- HTML 5.6%
- JavaScript 2.7%
| public | ||
| src | ||
| .eslintrc.cjs | ||
| .gitattributes | ||
| .gitignore | ||
| index.html | ||
| package-lock.json | ||
| package.json | ||
| postcss.config.js | ||
| README.md | ||
| tailwind.config.js | ||
| tsconfig.json | ||
| tsconfig.node.json | ||
| vite.config.ts | ||
 |
 |
 |
 |
Vite + React + TypeScript + TailwindCSS Example Project
This example project is a Phone Catalogue and it was created with Vite, React, TypeScript and TailwindCSS.
This projects purpose is to show how to use these technologies together.
Since this project is only a frontend project, it reads the data from a items.json file.
Demo
Usage
Clone repository
git clone https://github.com/MemerGamer/vite-react-ts-tailwind-example.git
Install dependencies
npm install
Run development server
npm run dev
To recreate this project from the base
Install vite with react and typescript
npm init vite@latest
# fill in the project name and select react-ts
Install tailwindcss
npm install -D tailwindcss@latest postcss@latest autoprefixer@latest
npx tailwindcss init -p
Install heroicons
npm install @heroicons/react