Skip to content
@Eatventory

KlickLab

크래프톤 정글 8기, 301호 나만의 무기 1팀

5 - Copy

KlickLab

목차

  1. 프로젝트 소개
  2. 팀원 소개
  3. 대시보드 스크린샷
  4. 포스터
  5. 아키텍처
  6. 데이터 흐름도
  7. 기술 스택
  8. 설치 및 실행

프로젝트 소개

KlickLab은 웹사이트에서 발생하는 행동 데이터를 실시간 수집·구조화하여
운영자가 Data-Driven 방식으로 합리적인 의사결정을 내릴 수 있도록
지원하는 클릭스트림 분석 플랫폼입니다.

팀원 소개

@PurifiedPotion @jaykxo @qkrwns1478 @whtierice @Fharena @At-this-moment
김관수 김재현 박준식 오주영 윤석주 이현재

대시보드 스크린샷

대시보드 탭별 스크린샷입니다.
클릭하면 원본 해상도로 확대됩니다.

Overview User 분석 유입 분석
Overview User Acquisition
참여도 분석 이벤트 타임라인 KPI & 설정
Engage Timeline Report
컴포넌트 자세히 보기
클릭하면 원본 해상도로 확대됩니다.
컴포넌트 1 컴포넌트 2 컴포넌트 3
img1 img2 img3
컴포넌트 4 컴포넌트 5 컴포넌트 6
img4 img5 img6
컴포넌트 7 컴포넌트 8 컴포넌트 9
img7 img8 img9
컴포넌트 10 컴포넌트 11 컴포넌트 12
img10 img11 img12
컴포넌트 13 컴포넌트 14
img13 img14

포스터

포스터 보기
KlickLab Poster

아키텍처

아키텍처 다이어그램 보기
KlickLab Architecture
아키텍처 관련 글 모음

Architectural Improvements 시리즈

  1. Architectural Improvements 1
  2. Architectural Improvements 2
  3. Architectural Improvements 3
  4. Architectural Improvements 4

DeepDive 시리즈

데이터 흐름도

데이터 흐름도 보기

Infra Architecture for KlickLab

기술 스택

Frontend

React TypeScript Vite TailwindCSS React Router Zustand Recharts HTML5 CSS3 Framer Motion Next.js

Backend

Node.js Express PostgreSQL ClickHouse JWT Prometheus Client Nginx

Infrastructure

Amazon AWS AWS EC2 AWS MSK Amazon CloudWatch Amazon API Gateway Elastic Load Balancer Linux Ubuntu ClickHouse Keeper Postman Prometheus Grafana

Tools

npm Cloudflare JavaScript Go workerpool

설치 및 실행

1. 레포지토리 클론

git clone https://github.com/Eatventory/KlickLab.git
cd klickLab

2. 백엔드 설치

cd backend
npm install
node index.js

3. 환경변수 설정

backend 디렉토리에 .env 파일을 생성하고 아래와 같이 설정해 주세요:

  • CLICKHOUSE_PASSWORD와 JWT_SECRET을 입력해주세요.
CLICKHOUSE_URL=http://localhost:8123
CLICKHOUSE_USER=default
CLICKHOUSE_DB=klicklab
CLICKHOUSE_PASSWORD=
JWT_SECRET=
JWT_REFRESH_SECRET=

4. 프론트엔드 설치

cd frontend
npm install
npm run dev

Popular repositories Loading

  1. KlickLab KlickLab Public

    TypeScript 1 4

  2. PhantomFlow PhantomFlow Public

    High-performance HTTP request simulator for KlickLab

    Go 1 2

  3. eatventory eatventory Public

    TypeScript

  4. demo-til-board demo-til-board Public

    Forked from qkrwns1478/react-TIL-board

    테스트용

    JavaScript

  5. 7buttons 7buttons Public

    JavaScript

  6. traffic_thrower traffic_thrower Public

    발사대

    JavaScript

Repositories

Showing 10 of 11 repositories

Top languages

Loading…

Most used topics

Loading…