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.
- 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.
You can install mhd-generator
globally using npm:
npm install -g mhd-generator
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.
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
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.
- React: Add
-
SCSS Support:
- Angular: Use
--scss
to set up SCSS as the default styling option.
- Angular: Use
-
Redux/NgRx Integration:
- React: Add
--redux
to include Redux in your React project. - Angular: Add
--ngrx
to include NgRx in your Angular project.
- React: Add
-
Git Initialization:
- Add
--git
to initialize a Git repository with a.gitignore
file.
- Add
-
Docker Support:
- Add
--docker
to set up Docker with aDockerfile
and.dockerignore
.
- Add
-
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.
- Add
-
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.
- Add
-
Environment Variables Setup:
- React: Add
--env
to create an environment file with example variables.
- React: Add
-
Prettier Configuration:
- Add
--prettier
to set up Prettier with a configuration file and a Prettier ignore file.
- Add
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.
This project is licensed under the MIT License - see the LICENSE file for details.
React
Angular
For any questions or suggestions, feel free to open an issue or contact the maintainer.