FullStack-TypeScript
MERN-ts-app&test
A full-stack JavaScript project, based on popular frameworks such as NodeJS, ReactJS, MongoDB, Babel, Docker and Swagger
# client
"dependencies": {
"axios": "^0.19.2",
"bluebird": "^3.7.2",
"es6-object-assign": "^1.1.0",
"http-proxy-middleware": "^0.19.1",
"insert-text-at-cursor": "^0.3.0",
"intl": "^1.2.5",
"lodash": "^4.17.15",
"moment": "^2.24.0",
"react": "16.12.0",
"react-dom": "16.12.0",
"react-avatar-editor": "^11.0.7",
"react-intl": "^3.11.0",
"react-redux": "7.1.3",
"react-router": "^5.1.2",
"react-router-dom": "^5.1.2",
"react-scripts": "^3.3.0",
"react-tiny-fab": "^3.2.0",
"react-toastify": "^5.3.2",
"redux": "^4.0.4",
"redux-thunk": "^2.3.0",
"semantic-ui-react": "^0.88.1",
"shelljs": "^0.8.1",
"textcomplete": "^0.18.1",
"typescript": "^3.7.4",
"@babel/plugin-proposal-object-rest-spread": "^7.5.5",
"@toast-ui/react-editor": "^1.0.1",
"@types/http-proxy-middleware": "^0.19.3",
"@types/insert-text-at-cursor": "^0.3.0",
"@types/jquery": "^3.3.31",
"@types/react": "^16.9.12",
"@types/react-redux": "^7.1.5",
"@types/react-avatar-editor": "^10.3.4",
"@types/react-dom": "^16.9.4",
"@types/react-router": "^5.1.4",
"@types/react-router-dom": "^5.1.3",
"@types/react-toastify": "^4.0.2",
"@types/shelljs": "^0.8.5"
},
"devDependencies": {
"axios-mock-adapter": "^1.17.0",
"redux-mock-store": "^1.5.3",
"@types/axios": "^0.14.0",
"@types/axios-mock-adapter": "^1.10.0",
"@types/jest": "^24.0.16",
"@types/redux-mock-store": "^1.0.1"
},
# backend
"dependencies": {
"async": "^3.1.0",
"bcrypt-nodejs": "^0.0.3",
"bluebird": "^3.5.1",
"body-parser": "^1.18.2",
"compression": "^1.7.1",
"connect-mongo": "^3.0.0",
"connect-ensure-login": "^0.1.1",
"cors": "^2.8.5",
"dotenv": "^8.1.0",
"errorhandler": "^1.5.0",
"express": "^4.16.2",
"express-session": "^1.15.6",
"express-validator": "^6.2.0",
"intl-messageformat": "^8.2.1",
"lodash": "^4.17.15",
"lusca": "^1.5.2",
"mongoose": "^5.7.7",
"nodemailer": "^6.4.2",
"oauth2orize": "^1.11.0",
"passport": "^0.4.0",
"passport-http": "^0.3.0",
"passport-http-bearer": "^1.0.1",
"passport-local": "^1.0.0",
"passport-oauth2": "^1.5.0",
"passport-oauth2-client-password": "^0.1.2",
"request": "^2.83.0",
"request-promise": "^4.2.2",
"winston": "^3.2.1",
"@azure/storage-blob": "^12.0.1",
"@types/async": "^3.0.1",
"@types/bcrypt-nodejs": "^0.0.31",
"@types/bluebird": "^3.5.20",
"@types/body-parser": "^1.16.8",
"@types/compression": "^1.0.1",
"@types/cors": "^2.8.6",
"@types/connect-mongo": "^3.0.0",
"@types/connect-ensure-login": "^0.1.4",
"@types/dotenv": "^8.2.0",
"@types/errorhandler": "^1.5.0",
"@types/express": "^4.11.1",
"@types/express-session": "^1.15.8",
"@types/express-validator": "^3.0.0",
"@types/jquery": "^3.2.17",
"@types/lodash": "^4.14.136",
"@types/lusca": "^1.5.0",
"@types/mongodb": "^3.0.5",
"@types/mongoose": "^5.5.23",
"@types/morgan": "^1.7.35",
"@types/node": "^13.1.1",
"@types/nodemailer": "^6.4.0",
"@types/oauth2orize": "^1.8.5",
"@types/passport": "^1.0.1",
"@types/passport-http": "^0.3.7",
"@types/passport-http-bearer": "^1.0.33",
"@types/passport-local": "^1.0.32",
"@types/passport-oauth2": "^1.4.8",
"@types/passport-oauth2-client-password": "^0.1.2",
"@types/request": "^2.47.0",
"@types/shelljs": "^0.8.5",
"@types/supertest": "^2.0.4",
"chai": "^4.1.2",
"concurrently": "^5.0.0",
"dot-prop": "^5.2.0",
"nodemon": "^2.0.3",
"shelljs": "^0.8.1",
"supertest": "^4.0.2",
"ts-node": "^8.3.0",
"tslint": "^6.1.0",
"typescript": "^3.7.4",
"snyk": "^1.290.1"
},
"devDependencies": {
"ts-jest": "^24.0.2"
}
Features
- Supported clients,
Web,Web(Mobile),Android,IOS - NodeJS and ExpressJS
- React frontend
- React-Native, Expo
- MongoDB database
- Multimedia storage
- OAuth server and PassportJS
- React-router
- Redux
- Jest
- NativeBase
- Semantic-UI React
After generating this starter, your code will look like this View here
starter name
# starter name
MERN-ts-app&test
react-ts-gulp&mysql
A full-stack JavaScript project, based on popular frameworks such as NodeJS, ReactJS, MongoDB, Babel, Docker and Swagger
# frontend && backend
"dependencies": {
"deadlockjs": "^1.4.15",
"deadlockjs-lightorm": "^0.3.1",
"react": "^16.4.1",
"react-dom": "^16.4.1",
"vinyl-sourcemaps-apply": "^0.2.1"
},
"devDependencies": {
"@types/mocha": "^5.2.5",
"@types/morgan": "^1.7.35",
"@types/node": "^10.7.1",
"@types/react": "^16.4.7",
"@types/react-dom": "^16.0.6",
"awesome-typescript-loader": "^5.2.0",
"babel-core": "^6.26.3",
"babel-loader": "^7.1.5",
"babel-preset-latest": "^6.24.1",
"babel-preset-react": "^6.24.1",
"babelify": "^8.0.0",
"browserify": "^16.2.2",
"css-loader": "^1.0.0",
"db-migrate": "^0.11.1",
"db-migrate-mysql": "^1.1.10",
"file-loader": "^1.1.11",
"gulp": "^4.0.0",
"gulp-htmlmin": "^4.0.0",
"gulp-javascript-obfuscator": "^1.1.4",
"gulp-multi-process": "^1.3.1",
"gulp-nodemon": "^2.2.1",
"gulp-pug": "^4.0.1",
"gulp-sourcemaps": "^2.6.4",
"gulp-typescript": "^5.0.0-alpha.3",
"gulp-watch": "^5.0.1",
"imgurify": "^2.0.1",
"mocha": "^5.2.0",
"style-loader": "^0.22.1",
"tsify": "^4.0.0",
"tslint": "^5.11.0",
"typescript": "^3.0.1",
"url-loader": "^1.0.1",
"vinyl-buffer": "^1.0.1",
"vinyl-source-stream": "^2.0.0",
"webpack": "^4.16.5",
"webpack-stream": "^5.1.1"
}
Features
- Typescript
- Gulp and Gulp-Pug
- Frontend with React
- Backend with NodeJS
- Pug
- MySQL
- Mocha
After generating this starter, your code will look like this View here
starter name
# starter name
react-ts-gulp&mysql