v-r-ts-tcss-dmode-101

A lightweight CLI tool to instantly generate a frontend Application using

• React
• Vite
• TypeScript
• Tailwind CSS
• Redux Toolkit
• Dark Mode
• React-router

Published as the npm package react-vite-tcss-dark-mode.

Table of Content

1. Quick Start

Quick Start

using npx

npx v-r-ts-tcss-dmode-101 myapp

global Install

npm install -g react-vite-tcss-dark-mode
v-r-ts-tcss-dmode-101 myapp

Perfect for fast prototyping and production-ready apps.

Auto install Dependencies

To automatically install all dependencies after generating the project:

npx v-r-ts-tcss-dmode-101 myapp --install

or

npx v-r-ts-tcss-dmode-101 myapp -i

Starter Template includes

⚡ Vite

🟦 TypeScript

🎨 Tailwind CSS

🌓 Dark Mode (localStorage-based)

🧰 Redux Toolkit + React-Redux

🪝 Custom Button - Reusable Component

📂 Clean project structure

Usage

npx v-r-ts-tcss-dmode-101 my-app --install
cd my-app
npm run dev

example

npx v-r-ts-tcss-dmode-101 dashboard -i

output

⏳ Creating project...
✔ Template copied successfully!
📦 Installing dependencies...
✔ Dependencies installed!

🎉 Project created!

Next steps:
  cd dashboard
  npm run dev