JinleeJeong/Influencer

🧏🏻 간단한 사용자 인터랙션을 통한 상품 추천 및 전시 개발 (a.k.a 쇼핑의 신) 🚚

INFLUENCER

간단한 사용자 인터랙션을 통한 상품 추천 및 전시 개발 (a.k.a 쇼핑의 신)

---

🔖우리 조는 3주동안...

600여개의 commit과 40여개의 branch 50여개의 issue 가 있었어요!

ISSUE	Code Review	Line
issue를 이용한 논의 내용정리 및 시나리오 설정	2명 이상의 code review와 approve를 통한 merge 과정	Line 메신저를 통해 지속적인 마이크로 인터렉션

📋 Flow chart

1. 유저가 선호하는 인터렉션 & 찜 추가 & 클릭로그를 수집
2. 데이터에 맞게 선호하는 상품에 대한 가중치 점수를 부여
3. 취향이 비슷한 유저를 검색 후 맞춤형 상품 추천 (collaborative filtering algorithm)
4. Kafka로 log 데이터 전송
5. Spring Boot Server (Kafka Consumer)에서 데이터를 로드해서 Elasticsearch에 Insert

🛠 Using Technology

• Common: Typescript

• Front-End: React.js, Next.js, Redux, Styled-components

• Back-End: Node.js, Express, MongoDB, Swagger

• Infra: Docker, NCloud

• Big-Data: Kafka, Elasticsearch

---

💻 팀원

멘토	멘티
👨‍💻배근배	👩‍💻서그림
	👩‍💻정다은
	👩‍💻조민지
	👨‍💻신윤재
	👨‍💻박민수

⚙️ Dependencies

Front-end

"dependencies": {
		"@egjs/react-infinitegrid": "3.0.4",
		"@material-ui/core": "^4.9.13",
		"@types/react-redux": "^7.1.8",
		"axios": "^0.19.2",
		"clsx": "^1.1.0",
		"dotenv": "^8.2.0",
		"immer": "^6.0.5",
		"lodash": "^4.17.15",
		"next": "^9.3.6",
		"next-redux-wrapper": "^6.0.0",
		"node-fetch": "^2.6.0",
		"react": "^16.13.1",
		"react-dom": "^16.13.1",
		"react-gesture-responder": "^2.1.0",
		"react-grid-dnd": "^2.1.2",
		"react-hammerjs": "^1.0.1",
		"react-redux": "^7.2.0",
		"redux": "^4.0.5",
		"redux-devtools-extension": "^2.13.8",
		"redux-saga": "^1.1.3",
		"styled-components": "^5.1.0",
		"typesafe-actions": "^5.1.0",
		"webpack": "^4.43.0"
	},
	"devDependencies": {
		"@types/dotenv": "^8.2.0",
		"@types/jest": "^24.0.0",
		"@types/material-ui": "^0.21.7",
		"@types/next": "^9.0.0",
		"@types/node": "^13.13.5",
		"@types/react": "^16.9.34",
		"@types/react-dom": "^16.9.0",
		"@types/styled-components": "^5.1.0",
		"@typescript-eslint/eslint-plugin": "^2.24.0",
		"@typescript-eslint/parser": "^2.31.0",
		"eslint": "^6.8.0",
		"eslint-config-airbnb-typescript": "^7.2.1",
		"eslint-plugin-import": "^2.20.2",
		"eslint-plugin-jsx-a11y": "^6.2.3",
		"eslint-plugin-react": "^7.19.0",
		"eslint-plugin-react-hooks": "^2.5.0",
		"typescript": "^3.8.3"
	}

Back-end

"dependencies": {
    "celebrate": "12.1.1",
    "content-based-recommender": "^1.4.0",
    "cors": "^2.8.5",
    "dotenv": "^8.2.0",
    "express": "^4.17.1",
    "mongoose": "5.9.13",
    "nodemon": "^2.0.3",
    "pm2": "^4.4.0",
    "swagger-ui-express": "4.1.4",
    "typedi": "^0.8.0",
    "winston": "3.2.1"
  },
  "devDependencies": {
    "@types/chai": "4.2.11",
    "@types/cors": "2.8.6",
    "@types/express": "4.17.6",
    "@types/mocha": "7.0.2",
    "@types/mongoose": "5.7.16",
    "@types/node": "13.13.5",
    "@types/sinon": "9.0.0",
    "@types/supertest": "2.0.9",
    "@types/swagger-ui-express": "4.1.2",
    "@types/winston": "2.4.4",
    "chai": "4.2.0",
    "mocha": "7.1.2",
    "sinon": "9.0.2",
    "supertest": "4.0.2",
    "ts-node": "8.10.1",
    "typescript": "3.8.3"
  }