create-template-reactjs

A powerful CLI tool to scaffold a modern, full-stack React application. This template comes pre-configured with a robust stack including React 19, Vite, Tailwind CSS, and an Express + Mongoose backend.

Features

• Frontend:
  • React 19
  • Vite for lightning-fast development
  • Tailwind CSS for styling
  • React Router DOM for routing
  • ESLint for code quality
• Backend:
  • Express 5
  • Mongoose for MongoDB integration
  • Dotenv for environment variables
  • Nodemon for development
  • Cors enabled
• Zero Config: Ready to start developing in seconds.

Prerequisites

• Node.js (v14 or higher recommended)
• npm or yarn

Installation & Usage

You don't need to install this package globally. Just use npx:

npx create-template-reactjs <project-name>

Replace <project-name> with your desired folder name.

Example

npx create-template-reactjs my-awesome-app

Getting Started

Once the project is created, follow the on-screen instructions to get started.

1. Start the Client

The client is located in the client directory.

cd <project-name>/client
npm install
npm run dev

The frontend will start at http://localhost:5173 (by default).

2. Start the Server

The server is located in the server directory.

cd <project-name>/server
npm install
npm run dev

The backend server will start at http://localhost:3000 (or whichever port you configure).

Project Structure

my-awesome-app/
├── client/          # React + Vite frontend
│   ├── src/
│   ├── public/
│   └── package.json
└── server/          # Express backend
    ├── package.json
    └── ...

License

ISC