smart-codegen-cli

Smart CodeGen 🚀

A robust, AI-powered CLI tool for efficient React development. Generate React components, custom hooks, and CRUD operations with TypeScript support and industry best practices baked in.

🌟 Features

• 🤖 AI-Powered Code Generation: Write less, build more.
• ⚛️ React Components: Generate functional or class-based components.
• 🪝 Custom Hooks: Quickly scaffold reusable logic.
• 📡 CRUD Operations: Automate RESTful API code generation.
• 📘 TypeScript Support: Built-in type safety.
• 🎨 CSS Modules Integration: Clean, modular styling out of the box.
• 📝 Auto-Documentation: Document your code as you build.
• ✨ Best Practices: Adheres to industry standards.

🚀 Installation

npm install -g smart-codegen
# or
yarn global add smart-codegen

Usage

Component Generation

# Interactive mode
	codegen component 
# Direct mode 
	codegen component --name Button --type functional
# Generated structure:
	src/
	  components/
	    Button/
	      Button.tsx
	      Button.module.css

Custom Hook Generation

# Interactive mode
	codegen hook 
# Direct mode 
	codegen hook --name WindowSize
# Generated structure:
	src/
	  hooks/
	    useWindow.ts

CRUD Generation

# Interactive mode
	codegen crud 
# Direct mode 
	codegen crud --model User
# Generated structure:
	src/
	  features/
		  user/
		    user.service.ts
		    useUser.ts

⚙️ Configuration

Add a .env file in your project root:

OPENAI_API_KEY=your_api_key_here

🛠️ Commands Reference

Component Options

Option	Shortcut	Description	Default
--name	-n	Component name	(prompts)
--type	-t	Component type (functional/class)	functional

Hook Options

Option	Shortcut	Description	Default
--name	-n	Hook name (without 'use' prefix)	(prompts)
--type	-t	Hook type	custom

CRUD Options

Option	Shortcut	Description	Default
--model	-m	Model/Entity name	(prompts)
--operations	-o	CRUD operations to generate	All

🤝 Contributing

• Fork the repository
• Create your feature branch (git checkout -b feature/amazing-feature)
• Commit your changes (git commit -m 'Add some amazing feature')
• Push to the branch (git push origin feature/amazing-feature)
• Open a Pull Request

📝 License

MIT License - see the LICENSE file for details

🙏 Acknowledgments

• OpenAI for providing the AI capabilities
• React community for inspiration and best practices
• All contributors who help improve this tool

Generated with ❤️ by Smart CodeGen