🚀 my-react-pr

⚡ Create a production-ready React app in seconds with all modern tools pre-configured!

Installation | Features | Usage | What's Included | Contributing

📦 Installation & Quick Start

Option 1: Using npx (Recommended - No installation needed)

npx my-react-pr myapp

Option 2: Install globally

npm install -g my-react-pr
my-react-pr myapp

That's it! Your fully configured React app is ready in seconds! 🎉

✨ Features

This CLI tool creates a production-ready React application with all the modern tools and libraries pre-installed and pre-configured:

🎯 Core Technologies

• ⚛️ React 18 - Latest React with Hooks
• ⚡ Vite - Lightning-fast build tool and dev server
• 🎨 Tailwind CSS - Utility-first CSS framework
• 🛣️ React Router - Client-side routing
• 🎭 Redux Toolkit - State management
• 🔄 React Context API - Alternative state management
• 🎨 shadcn/ui - Beautiful, accessible components
• 📦 TypeScript Ready - Type-safe development

🚀 Developer Experience

• ⚡ Hot Module Replacement (HMR) - Instant updates
• 🔥 Optimized Build - Production-ready bundles
• 📝 Pre-configured ESLint & Prettier - Code quality out of the box
• 🎯 Project Structure - Best practices folder organization
• 🔧 Pre-configured Scripts - Ready to use commands

📋 What's Included

When you create a new project with my-react-pr, you get:

🎨 UI & Styling

• ✅ Tailwind CSS fully configured
• ✅ shadcn/ui components pre-installed
• ✅ Responsive design utilities
• ✅ Dark mode support ready

🗂️ State Management

• ✅ Redux Toolkit with store setup
• ✅ React Context API examples
• ✅ Pre-configured slices and actions

🛣️ Routing

• ✅ React Router v6 configured
• ✅ Route examples included
• ✅ Protected route setup ready

⚡ Build & Dev Tools

• ✅ Vite with optimized config
• ✅ Fast refresh enabled
• ✅ Production build optimized
• ✅ Path aliases configured

📁 Project Structure

myapp/
├── src/
│   ├── components/     # Reusable components
│   ├── pages/          # Route pages
│   ├── store/          # Redux store
│   ├── context/        # React Context
│   ├── hooks/          # Custom hooks
│   ├── utils/          # Utility functions
│   └── styles/         # Global styles
├── public/             # Static assets
└── package.json        # Dependencies

🎬 Usage

Step 1: Create your app

npx my-react-pr myapp

Step 2: Navigate to your app

cd myapp

Step 3: Install dependencies

npm install

Step 4: Start development server

npm run dev

Your app will be running at http://localhost:5173 🎉

📚 Available Scripts

After installation, you can use these commands:

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

🎯 Why Use This?

⏱️ Save Time

Stop spending hours configuring tools. Get everything set up in seconds!

🏗️ Best Practices

Follows industry best practices and modern React patterns.

🔧 Production Ready

Everything is configured for production from day one.

📖 Learning Friendly

Clean, organized code structure perfect for learning and building.

🤝 Contributing

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

📝 License

This project is licensed under the ISC License.

🙏 Acknowledgments

• React - UI library
• Vite - Build tool
• Tailwind CSS - CSS framework
• shadcn/ui - Component library
• Redux Toolkit - State management

⭐ Star this repo if you find it helpful! ⭐

Made with ❤️ by Shivam Yadav