v-r-ts-tcss-dmode-context-101

A lightweight CLI tool to instantly generate a frontend Application using

• React
• Vite
• TypeScript
• Tailwind CSS
• Context API
• Dark Mode
• React-router
• Custom Button component
• Routing setup with createBrowserRouter and RouterProvider

Published as the npm package react-vite-tcss-dm-context.

Table of Content

0. Basic
1. Quick Start
2. Auto Install Dependencies
3. Starter Template features
4. Usage

Basic

 Project Name : react-vite-tcss-dm-context
 bin command : npx v-r-ts-tcss-dmode-context-101 <app-name>

Quick Start

using npx

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

global Install

npm install -g react-vite-tcss-dm-context
v-r-ts-tcss-dmode-context-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-context-101 myapp --install

or

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

Starter Template features

⚡ Vite

🟦 TypeScript

🎨 Tailwind CSS

🌓 Dark Mode (localStorage-based)

🧰 Context API - theme feature

🪝 Custom Button - Reusable Component

📂 Clean project structure

Ro

Usage

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

example

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

output

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

🎉 Project created!

Next steps:
  cd dashboard
  npm run dev