Freelancer Web Matching Service
Freelancer - Client Web Matching Service
Using nodejs (backend) + reactjs (frontend)
Full responsive application
Demo
https://github.com/jgtonys/freelancer-web-matching.git
How to run
- git clone
- root directory -
npm install - client directory -
npm install - root directory -
npm start
To build client files
npm run build
Functions
Token authentication (JWT) + Session-Storage
File upload with Multer
Encryption with Bcrypt
Development Environment
es6(babel), axios, node-sass, SPA, webpack
Backend
"dependencies": {
"async": "^2.6.0",
"bcrypt": "^3.0.2",
"body-parser": "^1.18.2",
"express": "^4.16.3",
"jsonwebtoken": "^8.2.0",
"lodash": "^4.17.5",
"multer": "^1.4.1",
"mysql2": "^1.6.1"
}
Frontend
"dependencies": {
"@babel/plugin-proposal-class-properties": "^7.1.0",
"@babel/polyfill": "^7.0.0",
"@material-ui/core": "^3.4.0",
"@material-ui/icons": "^3.0.1",
"axios": "^0.18.0",
"babel-runtime": "^6.26.0",
"bootstrap": "^4.1.3",
"cross-env": "^5.2.0",
"css-loader": "^1.0.1",
"node-sass": "^4.9.4",
"react": "^16.6.0",
"react-dom": "^16.6.0",
"react-pdf": "^4.0.0",
"react-redux": "^5.1.0",
"react-router": "^4.3.1",
"react-router-dom": "^4.3.1",
"react-swipeable-views": "^0.13.0",
"react-text-mask": "^5.4.3",
"reactstrap": "^6.5.0",
"redux": "^4.0.1",
"sass-loader": "^7.1.0",
"style-loader": "^0.23.1",
"webpack": "^4.23.1",
"webpack-cli": "^3.1.2",
"webpack-dev-server": "^3.1.10"
},
"devDependencies": {
"@babel/core": "^7.1.2",
"@babel/preset-env": "^7.1.0",
"@babel/preset-react": "^7.0.0",
"babel-loader": "^8.0.4",
"html-webpack-plugin": "^3.2.0"
}
Structure
- app (backend)
- controller (server app controller)
- models (database models)
- routes (routing)
- client (frontend)
- config
- config.js (port, session setting)
- db.js (database setting)
- express.js
- jwt.js (optional, token authentication)
- server.js
- package.json (npm install modules, description)
Database Model
Comments