TAVAjs is an interactive Command Line Interface tool, which helps developers to set up project template with some trendy web technologies such as Node, React, Angular, Vue and some of the best-integrated services such as Authentication, Logger, Email, Blob, and others.
- Time saving
- Cost saving
- Easy to use
- Efficient
- Reliable
-
CSS Frameworks
-
TestCases Frameworks
-
Authentication Services
-
State management Frameworks
-
Email Services
-
Database Services
-
Blob Services
-
Docker Service
-
CI/CD Pipeline
This is an example of how you may give instructions to create a template project.
$ generate-tava - It will execute the program.
generate-tava
To learn more about npm click.
ESLint is a tool for identifying and reporting on patterns found in ECMAScript/JavaScript code.
To run eslint, run command in terminal:
npm run lint
To fix linting issues in all files, run command in terminal:
npm run lint:fix
To fix linting issues in one particular file, run command in terminal:
npm run lint:"your file name"
NOTE: If you face any error while linting, run command in terminal:
npm install eslint-plugin-react@latest --save-dev
Prettier is an opinionated code formatter which ensures one unified code format and makes the code more readable.
Options: (Use arrow to scroll and press Enter to select)
A. Enter the project name.
? Project name: my-project
B. Enter the source folder path.
? Which source folder path would you like? (C:\projects\tavajs)
C. Choose any package manager.
?Select Package Manager (Use arrow keys)
> NPM
YARN
D. Select "Yes" to create template for frontend.
? Do you want template for Frontend? (Use arrow keys)
> yes
no
E. Choose any framework according to your need.
? Select the Framework (Use arrow keys)
> React
Angular
Vue
F. Choose a CSS framework according to your need.
? Which CSS Framework do you want? (Use arrow keys)
> MaterialUI
Bootstrap
CSS Tailwind
G. Enter frontend project name.
? Front End project name: front-end
H. Testcase framework: It is a set of guidelines or rules used for creating and designing test cases. Choose a test framework according to your need.
? Select the Test Case Framework (Use arrow keys)
> MochaJS
Jest
Jasmine
Puppeteer (Node Library)
NightwatchJS
Cypress
None
I. Choose a theme provider according to your need.
? Do you want Theme-provider? (Use arrow keys)
> Light/Dark Mode
None
J. Select "yes" to integrate network Informer.
? Do you want Network Connection Informer? (Use arroy keys)
> Yes
No
K. Choose any authentication service according to your need.
? What Authentication Service you want to use? (Use arrow keys)
> Auth0
Cognito
Okta
None
L. Store Integration: Store is used for state management that produces a global state for the entire app so that it can be accessed by all components. Select "yes" to integrate store.
? Do you want redux/ngrx/vuex integration? (Use arrow keys)
> yes
no
M. Select "yes" to implement backend in your project.
? Do you want template for Backend? (Use arrow keys)
> yes
no
N. Choose any framework as required.
? Select the Framework
Node
O. Enter the backend project name.
? Node Project name: back-end
P. Enter the route (press "Enter" to select default).
? Enter the default route (users)
Q. Choose database service as required.
? Which db service do you want? (Use arrow keys)
> Postgres
MySql
Mongoose
None
R. Choose logger service as required.
? Which logger service do you want? (Use arrow keys)
> Winston
sentry
None
T. Choose e-mail service which you want to integrate.
? Which Email service do you want? (Use arrow keys)
> SendGrid
Amazon Ses
SMTP
None
U. Choose blob service as require.
? Which Blob service do you want? (Use arrow keys)
> AWS-s3
Azure
None
V. Select "yes" to integrate docker service.
? Do you want Docker services (Use arrow keys)
> yes
no
V. Select the CI/CD pipeline service you want to integrate. ? Would you like to integrate CI/CD pipeline? > AWS GitHub None
!! Successfully created !!
Use "cd" command to change the current directory.
-
Select project folder
cd my-project
-
Select created template (cd template-name)
cd front-end
(or)
cd back-end
-
Use npm install command to install required modules.
npm install
-
Use npm start to execute the template.
npm start
Use "cd" command to move frontend project directory.
$ generate-screen - It will execute the program.
generate-screen
A. What will be the name of Screen?.
? Screen name: new-screen
!! New screen successfully created. !!
Use "cd" command to move backend project directory.
$ generate-route - It will execute the program.
generate-route
A. What will be the name of the Route?.
? Route name: new-route
!! New route successfully created. !!
Copyright (C)2022 Innostax
Licensed under the MIT License.