Skip to content

Latest commit

 

History

History
103 lines (68 loc) · 3.04 KB

README.md

File metadata and controls

103 lines (68 loc) · 3.04 KB

mhd-generator

Overview

mhd-generator is a powerful and flexible project generator designed to streamline the process of creating React and Angular projects with desired pre-configurations. This tool aims to simplify the initial setup and configuration, allowing developers to focus more on building features rather than setting up their projects.

Features

  • Generate React projects with pre-configured setups.
  • Generate Angular projects with desired configurations.
  • Easy-to-use CLI interface.
  • Customizable templates for various project needs.
  • Open-source and actively maintained.

Installation

You can install mhd-generator globally using npm:

npm install -g mhd-generator

Usage

To generate a new React or Angular project, simply run:

mhd generate <project-type> <project-name>

Replace with either react or angular, and with the desired name of your project.

Example

Generate a new React project named my-react-app:

mhd generate react my-react-app

Generate a new Angular project named my-angular-app:

mhd generate angular my-angular-app

Current Options

When generating a project, you can customize the setup with the following options:

  • TypeScript Support:

    • React: Add --ts to generate a React project with TypeScript.
    • Angular: Angular projects are TypeScript-based by default.
  • SCSS Support:

    • Angular: Use --scss to set up SCSS as the default styling option.
  • Redux/NgRx Integration:

    • React: Add --redux to include Redux in your React project.
    • Angular: Add --ngrx to include NgRx in your Angular project.
  • Git Initialization:

    • Add --git to initialize a Git repository with a .gitignore file.
  • Docker Support:

    • Add --docker to set up Docker with a Dockerfile and .dockerignore.
  • CI/CD Integration:

    • Add --ciCd to set up CI/CD for your project. You will be prompted to choose between GitHub Actions and GitLab CI.
  • API Integration:

    • Add --api to set up an API service in your project (using Axios for React or HttpClient for Angular) along with an example API file and environment file.
  • Environment Variables Setup:

    • React: Add --env to create an environment file with example variables.
  • Prettier Configuration:

    • Add --prettier to set up Prettier with a configuration file and a Prettier ignore file.

Contributing

We welcome contributions from the community! If you'd like to contribute, please follow these steps:

Fork the repository.
Create a new branch for your feature or bug fix.
Commit your changes.
Push the branch and create a pull request.

Please make sure to follow the code of conduct.

License

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

Acknowledgments

React
Angular

Contact

For any questions or suggestions, feel free to open an issue or contact the maintainer.