React Vite Template Generator

🚀 A CLI tool to quickly scaffold a React project with Vite, including a customizable folder structure and optional tools like TailwindCSS, ESLint, and React Router.

---

📦 Installation

1npm install -g create-react-vite-template

Or run directly with:

1npx create-react-vite-template <project-name>

---

🛠️ Usage

1npx create-react-vite-template my-react-app

Follow the interactive prompts:

• Choose a template: Basic, Advanced, Full-Stack
• Install TailwindCSS? yes/no
• Install ESLint? yes/no
• Install React Router? yes/no

---

📂 Folder Structure

A typical project structure generated by this tool looks like this:

1/src
2  ├── assets/       # Static assets (images, fonts, etc.)
3  ├── components/   # Reusable UI components
4  ├── pages/        # Main pages
5  ├── hooks/        # Custom React hooks
6  ├── context/      # Global context providers
7  ├── services/     # API calls and external services
8  ├── styles/       # Global styles
9  ├── App.jsx       # Main App component
10  ├── main.jsx      # Entry point
11  ├── index.css     # Base styles

---

🚀 Features

• Interactive CLI: Choose project options using arrow keys.
• Custom Templates: Basic, Advanced, or Full-Stack setup.
• Optional Tools:
  • 📦 TailwindCSS
  • 🛡️ ESLint
  • 🔄 React Router
• Predefined Folder Structure: Ready for scalable projects.
• Clear Instructions: Post-setup guidance included.

---

✅ Examples

Create a new project with all tools enabled:

1npx create-react-vite-template my-advanced-app

---

📝 Scripts

After creating your project, navigate to the folder and run:

1cd my-react-app
2npm install
3npm run dev

---

💻 Requirements

• Node.js: >= v14.x
• npm: >= v7.x

---

🐞 Troubleshooting

Error with Chalk and ESM?

Ensure you're using a supported Node.js version (>= v14). If the error persists, run:

1npm install chalk inquirer

---