@mouneshazonde/create-react-tailwind-app

@mouneshazonde/create-react-tailwind-app is a command-line tool that automates the setup of a Create React App project with Tailwind CSS pre-configured. This tool streamlines the process, allowing you to start building your React project with Tailwind CSS right away.

Features

• Automated Setup: Quickly initializes a Create React App project with Tailwind CSS configured.
• Tailwind CSS Integration: Automatically installs and configures Tailwind CSS, PostCSS, and Autoprefixer.
• Easy to Use: A single command sets up everything you need.

Installation

To use this package, you don't need to install it globally. Instead, you can use npx to run the package directly:

npx @mouneshazonde/create-react-tailwind-app <project-name>

Replace with the name you want for your new project.

Usage

Run the command:

npx @mouneshazonde/create-react-tailwind-app my-new-project

This command will:

Create a new React project using Create React App. Install and configure Tailwind CSS and its dependencies. Set up the necessary Tailwind CSS configuration files.

Navigate to your project directory:

cd my-new-project

Start your development server:

npm start

Your React app with Tailwind CSS is now ready for development.

How It Works

When you run the command, the following steps are performed:

A new React app is created using Create React App. Tailwind CSS, PostCSS, and Autoprefixer are installed as development dependencies. The Tailwind configuration file (tailwind.config.js) is generated and configured. The default src/index.css is updated to include the necessary Tailwind directives.

Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.

Acknowledgements

Create React App Tailwind CSS