# create-hokage-js-app

The easiest way to get started with hokage.js is by using create-hokage-js-app. This CLI tool enables you to quickly start building a new Mern application, with everything set up for you. You can create a new app using the Mern templates. To get started, use the following command:



## Installation
You can create a new project interactively by running:

```bash
npx create-hokage-js-app@latest <my-app>
```
or
```bash
bunx create-hokage-js-app@latest <my-app>
```

## Demo

Javascript Full Template:
```
└── 📁js-temp
    └── 📁api
        └── 📁src
            └── 📁config
                ├── constants.js
                ├── db.js
                ├── validateEnv.js
            └── 📁controllers
                ├── auth.controller.js
            └── 📁middlewares
                ├── auth.middlewares.js
                ├── error.middleware.js
                ├── validation.middleware.js
            └── 📁models
                ├── user.model.js
            └── 📁routes
                ├── auth.routes.js
            └── 📁services
                ├── auth.service.js
            └── 📁utils
                ├── ApiResponse.js
                ├── AppError.js
                ├── Dto.js
                ├── Jwt.js
            └── 📁validations
                ├── auth.validation.js
            ├── app.js
        ├── .env
        ├── .gitignore
        ├── index.js
        ├── package.json
    └── 📁client
        └── 📁public
            ├── vite.svg
        └── 📁src
            └── 📁assets
                ├── react.svg
            ├── App.css
            ├── App.jsx
            ├── root.jsx
        ├── .gitignore
        ├── eslint.config.js
        ├── index.html
        ├── package.json
        ├── README.md
        └── vite.config.js
```

Typescript Full Template:
```
└── 📁ts-temp
    └── 📁client
        └── 📁public
            ├── vite.svg
        └── 📁src
            └── 📁assets
                ├── react.svg
            ├── App.css
            ├── App.tsx
            ├── root.tsx
            ├── vite-env.d.ts
        ├── .gitignore
        ├── eslint.config.js
        ├── index.html
        ├── package.json
        ├── tsconfig.app.json
        ├── tsconfig.json
        ├── tsconfig.node.json
        ├── vite.config.ts
    └── 📁api
        └── 📁src
            └── 📁config
                ├── constants.ts
                ├── db.ts
                ├── validateEnv.ts
            └── 📁controllers
                ├── auth.controller.ts
            └── 📁middlewares
                ├── auth.middlewares.ts
                ├── error.middleware.ts
                ├── validation.middleware.ts
            └── 📁models
                ├── user.model.ts
            └── 📁routes
                ├── auth.routes.ts
            └── 📁services
                ├── auth.service.ts
            └── 📁utils
                ├── ApiResponse.ts
                ├── AppError.ts
                ├── Dto.ts
                ├── Jwt.ts
            └── 📁validations
                ├── auth.validation.ts
            ├── app.ts
        ├── .env
        ├── .gitignore
        ├── index.ts
        ├── package.json
        └── tsconfig.json
```

Javascript Frontend Typescript Backend Full Template:
```
└── 📁js-fr-ts-ba
    └── 📁api
        └── 📁src
            └── 📁config
                ├── constants.ts
                ├── db.ts
                ├── validateEnv.ts
            └── 📁controllers
                ├── auth.controller.ts
            └── 📁middlewares
                ├── auth.middlewares.ts
                ├── error.middleware.ts
                ├── validation.middleware.ts
            └── 📁models
                ├── user.model.ts
            └── 📁routes
                ├── auth.routes.ts
            └── 📁services
                ├── auth.service.ts
            └── 📁utils
                ├── ApiResponse.ts
                ├── AppError.ts
                ├── Dto.ts
                ├── Jwt.ts
            └── 📁validations
                ├── auth.validation.ts
            ├── app.ts
        ├── .env
        ├── .gitignore
        ├── index.ts
        ├── package.json
        ├── tsconfig.json
    └── 📁client
        └── 📁public
            ├── vite.svg
        └── 📁src
            └── 📁assets
                ├── react.svg
            ├── App.css
            ├── App.jsx
            ├── root.jsx
        ├── .gitignore
        ├── eslint.config.js
        ├── index.html
        ├── package.json
        ├── README.md
        └── vite.config.js
```

Typescript Frontend Javascript Backend Full Template:
```
└── 📁ts-fr-js-ba
    └── 📁api
        └── 📁src
            └── 📁config
                ├── constants.js
                ├── db.js
                ├── validateEnv.js
            └── 📁controllers
                ├── auth.controller.js
            └── 📁middlewares
                ├── auth.middlewares.js
                ├── error.middleware.js
                ├── validation.middleware.js
            └── 📁models
                ├── user.model.js
            └── 📁routes
                ├── auth.routes.js
            └── 📁services
                ├── auth.service.js
            └── 📁utils
                ├── ApiResponse.js
                ├── AppError.js
                ├── Dto.js
                ├── Jwt.js
            └── 📁validations
                ├── auth.validation.js
            ├── app.js
        ├── .env
        ├── .gitignore
        ├── index.js
        ├── package.json
    └── 📁client2-ts
        └── 📁public
            ├── vite.svg
        └── 📁src
            └── 📁assets
                ├── react.svg
            ├── App.css
            ├── App.tsx
            ├── root.tsx
            ├── vite-env.d.ts
        ├── .gitignore
        ├── eslint.config.js
        ├── index.html
        ├── package.json
        ├── tsconfig.app.json
        ├── tsconfig.json
        ├── tsconfig.node.json
        └── vite.config.ts
```
## Authors

- [hassaammgl](https://github.com/hassaammgl/create-hokage-js-app)