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

Phone Catalogue

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