This is a CLI tool to automatically create and configure React projects using Vite.
It helps you set up folders, Axios, React Router, TailwindCSS with just a few prompts.
-
Clone the repository: git clone https://github.com/byte-blade-coder/npm-react-auto-tool.git
-
Navigate to the project folder: cd npm-react-auto-tool
-
Install dependencies (if needed): npm install
-
Link the tool globally (so you can run it anywhere): npm link
After linking, you can run the tool using:
make-react
- Creates a new Vite React project.
- Automatically generates
src/pages
andsrc/components
folders. - Optionally installs:
- Axios
- React Router DOM (with auto
AppRoutes.jsx
setup) - Tailwind CSS (with config + Mughal Zaada π homepage design)
- Cleans up default files for a ready-to-use project.
my-app/ βββ src/ β βββ components/ β βββ pages/ β β βββ Home.jsx β βββ routes/ β β βββ AppRoutes.jsx β βββ App.jsx β βββ main.jsx β βββ index.css βββ package.json
-
Run the command:
make-react
-
Answer prompts:
- Enter project name
- Install Axios? (y/n)
- Install React Router DOM? (y/n)
- Install Tailwind CSS? (y/n)
-
Done π Your project is ready and dev server will auto start.
- Node.js v18+ is required.
- If you face permission issues with
npm link
, try running with Admin/Root rights.
π Developed with love by Mughal Zaada