CLIGenerator

Simplify Project Setup with Powerful CLI Commands

📌 Overview

CLIGenerator is a modern web application that helps developers quickly generate CLI commands for setting up new projects with various frameworks and technologies. Instead of remembering complex CLI commands or searching through documentation, CLIGenerator provides an intuitive interface to select your desired framework and features, then generates the exact command you need.

🚀 Features

• Multi-framework Support: Generate setup commands for React, Next.js, Vue, Nuxt, Svelte, and Solid.
• Feature Selection: Choose from 30+ features and integrations including TypeScript, Tailwind CSS, authentication, and more.
• Preset Templates: Ready-to-use templates for common project setups.
• Command History: Save and revisit previously generated commands.
• Installation Guides: Step-by-step guides for post-setup configuration.
• Documentation Links: Direct links to relevant documentation for each framework and feature.
• Responsive Design: Works on all devices from desktop to mobile.

🔧 Tech Stack

• Frontend: React, TypeScript, Tailwind CSS
• UI Components: shadcn/ui
• Routing: React Router
• State Management: React Context API, React Query
• Animation: Framer Motion
• Icons: Lucide React
• Build Tool: Vite

🛠️ Development Setup

Prerequisites

• Node.js (v18 or later)
• npm or yarn

Installation

1. Clone the repository:

   git clone https://github.com/cligenerator/cli.git
   cd cli

2. Install dependencies:

   npm install
   # or
   yarn install

3. Start the development server:

   npm run dev
   # or
   yarn dev

4. Open your browser and navigate to http://localhost:8080

🤝 Contributing

We welcome contributions from the community! Here's how you can contribute:

Getting Started

1. Fork the repository
2. Create your feature branch: git checkout -b feature/amazing-feature
3. Commit your changes: git commit -m 'Add some amazing feature'
4. Push to the branch: git push origin feature/amazing-feature
5. Open a Pull Request

Development Guidelines

• Follow the existing code style and organization
• Add comments for complex logic
• Write clear commit messages
• Update documentation for any new features or changes
• Add tests for new functionality when possible

Good First Issues

Looking for something to work on? Check out our good first issues!

📂 Project Structure

src/
├── components/        # UI components
├── context/          # React context for state management
├── hooks/            # Custom React hooks
├── lib/             # Utility libraries
├── pages/           # Page components
├── utils/           # Utility functions
└── main.tsx         # Application entry point

🧪 Testing

Run tests with:

npm test
# or
yarn test

🗺️ Roadmap

• Add support for more frameworks (Remix, Astro, etc.)
• Create CLI version of the tool
• Add offline support
• Implement custom template creation
• Add more language options for CLI commands

📝 License

This project is licensed under the MIT License - see the LICENSE file for details.

👥 Maintainers

• @aadarshhx8 - Project Founder

💖 Acknowledgements

• shadcn/ui - For the amazing UI components
• Lucide Icons - For the beautiful icons
• Tailwind CSS - For the utility-first CSS framework
• All our contributors and supporters! ❤️

📬 Contact

Join our Discord community for discussions and support.

---

_{Built with ❤️ by the open source community}