create-react-vite-starter

🔥 Scaffold a modern React + Vite + TypeScript + Redux app in seconds.

📦 Usage

npx create-react-vite-starter my-app

This will:

• 📁 Create a new folder my-app

• 🧱 Copy a preconfigured template with:

  • ✅ Vite + React + TypeScript
  • 🧠 Redux Toolkit
  • 🎨 SCSS Modules
  • 🔗 Axios instance
  • 🔐 Protected Routes
  • 🧹 ESLint + Prettier setup

📌 Example

npx create-react-vite-starter my-app
cd my-app
npm run dev

🔐 Features

• ⚛️ React 18 + TypeScript
• 🔀 React Router v6
• ⚙️ Redux Toolkit (with Auth Slice)
• 🎨 SCSS Modules
• 📡 Axios instance
• 🔒 Protected Routes
• 📏 ESLint + Prettier configured

📁 Folder Structure (inside template)

src/
├── assets/                # Static images & assets
├── components/            # Reusable UI components
│   └── common/
├── layouts/               # Page layouts (e.g., MainLayout)
├── pages/                 # App pages (e.g., Home, Login)
├── services/              # API calls and service logic
├── store/                 # Redux store setup
├── styles/                # SCSS modules + global vars
├── utils/                 # Utilities like axiosInstance
├── App.tsx
└── main.tsx

🔧 Available Scripts (inside scaffolded project)

npm run dev       # Start development server
npm run build     # Build for production
npm run preview   # Preview production build

❤️ Author

Made with ❤️ by Kalyan Kashaboina

🔗 GitHub

View or contribute to this CLI on GitHub:
👉 https://github.com/kalyankashaboina/create-react-vite-starter