골라쥬 🏦

💰 본 프로젝트는 삼성 청년 SW 아카데미 2학기 공통 프로젝트 결과물입니다.

개요🌱

• 현대인 한명이 하루에 접하는 정보량은 20세기 초 사람들이 평생 접한 정보량에 버금갈 정도
• 수많은 정보는 선택의 다양성을 넓혔다
• 하루에도 수 천 가지의 선택을 해야하는 우리를 위한 웹 어플리케이션
• 내 선택을 골라쥬~

UCC

팀 재첩국🍵

황호철(팀장) [FE]	배영환 [FE]	이시은 [FE]
CSS 발표 팀장	투표 기능 개발 Notion 정리 멘탈 지킴이	프론트 총괄 WebRTC 기능 구현 일정 관리, 페이스메이커
김하영 [BE]	이상훈 [BE]	송승준 [BE]
API 설계 및 관리, API 키 관리 모델링 및 내부 DB 설계 UCC 편집, 분위기 메이커	아키텍쳐 및 API 설계 FE 기능 구현 지원 특급 운전수	기술고문, 기획 및 API 설계 AWS 및 CI/CD 구성 의사소통 활성화

프로젝트 기간💞️

진행기간

• 2024년 1월 8일 ~ 2023년 2월 16일(6주)👋

개발 환경 👀

📚 STACKS

기술스택 {수정 필요}

• JavaScript es6++

• JAVA 17

• Node.js 20.11.0

• vite 5.0.8

• react 18.2.0

• zustand

• tailwindcss 3.4.1

• SpringBoot 3.2.2

• redis

• JPA

• MySQL

• openVIdu

• OAUTH

• Amazon EC2

• Jenkins

• Docker

협업 툴👊

• Notion
• Mattermost
• gitlab
• jira
• google docs
• Figma

ERD 🌐

아키텍쳐♟️

웹페이지 🕸️

0. 구조

1. 메인페이지

​ ✔️ 네비게이션바를 통해 페이지 탐색 가능

​ ✔️ 메인 투표창을 통해 쉽게 투표 가능

​ ✔️ 투표 데이터를 기반한 배너 문구

​ ✔️ top5 투표 목록 구성

2. 회원가입

​ ✔️ 한영, 숫자 이메일 - 숫자특수문자영어 비밀번호로 회원가입

​ ✔️ 소셜회원가입 기능

3. 투표생성

​ ✔️ 간단골라쥬: 상품 관련 사진과 제목만 기입하면 투표 등록 (2~4개 선택지)

​ ✔️ 상품골라쥬: 상품사진, 제목, 카테고리, 가격을 입력하면 투표 등록 (2~4개 선택지)

​ ✔️ 지금골라쥬: 방송 참여를 통한 투표 및 채팅

4. 투표모아쥬

​ ✔️ 전체 투표 목록 열람

​ ✔️ 카테고리 및 검색어를 이용한 검색 기능

​ ✔️ 인기순 혹은 최신순 필터

5. 통계보여쥬

​ ✔️ 카테고리별 통계 데이터

​ ✔️ 나이, 성별, 소비성향으로 필터링한 데이터 그래프화

6. 지금골라쥬

​ ✔️ 라이브 방송 및 방송 내 투표 기능

​ ✔️ 2~4개의 사진 혹은 텍스트를 투표로 올릴 수 있음

​ ✔️ 실시간 채팅 및 투표를 지원

7. 소비성향알려쥬

​ ✔️ 간단한 질문을 통한 소비성향 분석

​ ✔️ 다양한 소비성향에 대한 재미난 분석

8. 마이페이지

​ ✔️ 개인 정보 및 투표 관련 참여 데이터 제공

​ ✔️ 작성, 참여, 좋아요, 댓글 단 투표 데이터 제공