{"id":15724106,"url":"https://github.com/jjok97/picple","last_synced_at":"2026-02-07T07:04:08.380Z","repository":{"id":253741810,"uuid":"844382504","full_name":"JJOK97/picple","owner":"JJOK97","description":"실시간 화상 공유 및 AI 기반 이미지 생성 포토부스 서비스","archived":false,"fork":false,"pushed_at":"2025-01-11T11:57:10.000Z","size":22561,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-23T14:45:38.117Z","etag":null,"topics":["webrtc","websocket"],"latest_commit_sha":null,"homepage":"","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/JJOK97.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2024-08-19T06:28:00.000Z","updated_at":"2025-02-27T01:17:25.000Z","dependencies_parsed_at":"2024-08-19T07:45:47.119Z","dependency_job_id":"bdcbf01e-495a-40bf-9cf0-8a56a4ee0e7f","html_url":"https://github.com/JJOK97/picple","commit_stats":null,"previous_names":["jjok97/picple"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/JJOK97/picple","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JJOK97%2Fpicple","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JJOK97%2Fpicple/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JJOK97%2Fpicple/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JJOK97%2Fpicple/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/JJOK97","download_url":"https://codeload.github.com/JJOK97/picple/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JJOK97%2Fpicple/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":267951617,"owners_count":24171067,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-07-30T02:00:09.044Z","response_time":70,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["webrtc","websocket"],"created_at":"2024-10-03T22:14:48.115Z","updated_at":"2026-02-07T07:04:08.355Z","avatar_url":"https://github.com/JJOK97.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 📷 PICPLE - 온라인 포토부스 서비스\n\n\u003e 2024.07.02 ~ 2024.08.16\n\n## 📌 Introduction\n\n1. [**웹 서비스 소개**](#-웹-서비스-소개)\n2. [**기술 스택**](#-기술-스택)\n3. [**주요 기능**](#-주요-기능)\n4. [**시스템 아키텍쳐**](#-시스템-아키텍쳐)\n5. [**서비스 화면**](#-서비스-화면)\n6. [**팀원 소개**](#-팀원-소개)\n7. [**문서**](#-문서)\n\n\u003cdiv id=\"1\"\u003e\u003c/div\u003e\n\n## ✨ 웹 서비스 소개\n\n### ✨ PICPLE: 거리를 넘어 함께 찍는 특별한 순간\n\n멀리 있는 가족, 친구들과 함께 사진을 찍고 싶었지만 방법이 없어 아쉬웠던 적이 없으신가요?\n\n온라인으로 연결은 됐지만, 실제로 함께 있는 것 같은 느낌으로 사진을 찍을 수 있는 서비스를 찾기 어려웠던 적이 없으신가요?\n\nPicple만의 실시간 화상 연결을 통해 전 세계 어디에 있든 함께 사진을 찍고, 특별한 순간을 공유해보세요!\n\n#### 🌟 PICPLE만의 특별함\n\n     ⩥ 실시간 화상 연결: 거리에 상관없이 함께 있는 듯한 생생한 경험\n     ⩥ 다양한 테마와 필터: 당신만의 독특하고 창의적인 사진 제작\n     ⩥ 간편한 저장과 공유: 소중한 추억을 쉽게 간직하고 주변과 나눔\n\n#### 💡 이런 분들에게 완벽해요\n\n     ⩥ 해외 여행 중인 친구들과 인생샷을 남기고 싶은 분\n     ⩥ 멀리 떨어진 가족들과 특별한 기념일을 함께 기록하고 싶은 분\n     ⩥ SNS에 올릴 독특하고 재미있는 단체 사진을 원하는 분\n\n\u003cdiv id=\"2\"\u003e\u003c/div\u003e\n\n## 🔨 기술 스택\n\n\u003ctable\u003e\n    \u003ctr\u003e\n        \u003ctd\u003e\u003cb\u003eBack-end\u003c/b\u003e\u003c/td\u003e\n        \u003ctd\u003e\u003cimg src=\"https://img.shields.io/badge/Java-17-007396?style=flat\u0026logo=Java\u0026logoColor=white\"/\u003e\n            \u003cimg src=\"https://img.shields.io/badge/Spring Boot-3.3.1-6DB33F?style=flat-square\u0026logo=Spring Boot\u0026logoColor=white\"/\u003e\n            \u003cimg src=\"https://img.shields.io/badge/Spring Security-5.7.1-6DB33F?style=flat-square\u0026logo=Spring Security\u0026logoColor=white\"/\u003e\n            \u003cbr\u003e\n            \u003cimg src=\"https://img.shields.io/badge/MySQL-8.0.38-4479A1?style=flat-square\u0026logo=MySQL\u0026logoColor=white\"/\u003e\n            \u003cimg src=\"https://img.shields.io/badge/JPA-59666C?style=flat-square\u0026logo=Hibernate\u0026logoColor=white\"/\u003e\n            \u003cimg src=\"https://img.shields.io/badge/Redis-7.0.11-DC382D?style=flat-square\u0026logo=Redis\u0026logoColor=white\"/\u003e\n            \u003cbr\u003e\n            \u003cimg src=\"https://img.shields.io/badge/Gradle-8.5-02303A?style=flat-square\u0026logo=Gradle\u0026logoColor=white\"/\u003e\n            \u003cimg src=\"https://img.shields.io/badge/JWT-0.11.5-000000?style=flat-square\u0026logo=JSON Web Tokens\u0026logoColor=white\"/\u003e\n            \u003cimg src=\"https://img.shields.io/badge/AWS SDK-2.2.6-232F3E?style=flat-square\u0026logo=Amazon AWS\u0026logoColor=white\"/\u003e\n        \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n        \u003ctd\u003e\u003cb\u003eFront-end\u003c/b\u003e\u003c/td\u003e\n        \u003ctd\u003e \n            \u003cimg src=\"https://img.shields.io/badge/Vue.js-3.4.29-4FC08D?style=flat-square\u0026logo=Vue.js\u0026logoColor=white\"/\u003e\n            \u003cimg src=\"https://img.shields.io/badge/Node-14.21.3-339933?style=flat-square\u0026logo=Node.js\u0026logoColor=white\"/\u003e\n            \u003cimg src=\"https://img.shields.io/badge/Vite-5.3.1-646CFF?style=flat-square\u0026logo=Vite\u0026logoColor=white\"/\u003e\n            \u003cimg src=\"https://img.shields.io/badge/Node.js-14.21.3-339933?style=flat-square\u0026logo=Node.js\u0026logoColor=white\"/\u003e\n            \u003cbr\u003e\n            \u003cimg src=\"https://img.shields.io/badge/Pinia-2.1.7-FFA500?style=flat-square\u0026logo=Pinia\u0026logoColor=white\"/\u003e\n            \u003cimg src=\"https://img.shields.io/badge/OpenVidu-2.22.0-5DADE2?style=flat-square\"/\u003e\n            \u003cimg src=\"https://img.shields.io/badge/MediaPipe-0.3.1675466862-00FF00?style=flat-square\"/\u003e\n            \u003cbr\u003e\n            \u003cimg src=\"https://img.shields.io/badge/npm-6.14.18-CB3837?style=flat-square\u0026logo=npm\u0026logoColor=white\"/\u003e\n            \u003cimg src=\"https://img.shields.io/badge/JavaScript-F7DF1E?style=flat-square\u0026logo=JavaScript\u0026logoColor=black\"/\u003e\n            \u003cimg src=\"https://img.shields.io/badge/HTML5-E34F26?style=flat-square\u0026logo=HTML5\u0026logoColor=white\"/\u003e\n            \u003cimg src=\"https://img.shields.io/badge/CSS3-1572B6?style=flat-square\u0026logo=CSS3\u0026logoColor=white\"/\u003e\n            \u003cbr\u003e\n        \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n        \u003ctd\u003e\u003cb\u003eInfra\u003c/b\u003e\u003c/td\u003e\n        \u003ctd\u003e \u003cimg src=\"https://img.shields.io/badge/AWS-232F3E?style=flat-square\u0026logo=amazon aws\u0026logoColor=white\"/\u003e \u003cimg src=\"https://img.shields.io/badge/Docker-4479A1?style=flat-square\u0026logo=Docker\u0026logoColor=white\"/\u003e \u003cimg src=\"https://img.shields.io/badge/NGINX-1.18.0(Ubuntu)-009639?style=flat-square\u0026logo=NGINX\u0026logoColor=white\"/\u003e \u003cimg src=\"https://img.shields.io/badge/Jenkins-2.332.1-D24939?style=flat-square\u0026logo=Jenkins\u0026logoColor=white\"/\u003e \u003c/td\u003e\n    \u003ctr\u003e\n        \u003ctd\u003e\u003cb\u003eTools\u003c/b\u003e\u003c/td\u003e\n        \u003ctd\u003e\n            \u003cimg src=\"https://img.shields.io/badge/Notion-333333?style=flat-square\u0026logo=Notion\u0026logoColor=white\"/\u003e\n            \u003cimg src=\"https://img.shields.io/badge/GitLab-FCA121?style=flat-square\u0026logo=GitLab\u0026logoColor=white\"/\u003e \u003cimg src=\"https://img.shields.io/badge/JIRA-0052CC?style=flat-square\u0026logo=JIRA Software\u0026logoColor=white\"/\u003e\n        \u003c/td\u003e\n    \u003c/tr\u003e\n\u003c/table\u003e\n\n\u003cdiv id=\"3\"\u003e\u003c/div\u003e\n\n## 💡 주요 기능\n\n|             기능             | 내용                                                                                                                                                        |\n| :--------------------------: | :---------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| **실시간 크로마키 포토부스** | 실시간 웹캠 화면에서 인물을 자동으로 크로마키 처리하여 촬영합니다. 사용자는 화면 속 인물을 자유롭게 드래그하여 크기 조절 및 위치 이동이 가능합니다.         |\n|  **AI 배경 생성 및 커스텀**  | AI 기술을 활용해 다양한 배경을 생성하고 즉시 적용할 수 있습니다. 또는 사용자가 직접 로컬 이미지 파일을 업로드하여 원하는 배경으로 설정할 수 있습니다.       |\n|  **추억 저장 및 공유 기능**  | 촬영한 사진은 개인 캘린더에 자동 저장되어 날짜별로 추억을 기록할 수 있습니다. 또한 커뮤니티 게시판을 통해 다른 사용자들과 특별한 순간을 공유할 수 있습니다. |\n\n\u003cdiv id=\"4\"\u003e\u003c/div\u003e\n\n## 📊 시스템 아키텍쳐\n\n\u003cimg src=\"assets/system_architecture.png\" width=500 height=300 /\u003e\n\n\u003cdiv id=\"5\"\u003e\u003c/div\u003e\n\n## 서비스 화면\n\n홈 화면  \n\u003cimg src=\"assets/home.png\" width=500 height=300 /\u003e\n\n로그인 화면  \n\u003cimg src=\"assets/login.png\" width=500 height=300 /\u003e\n\n부스 화면  \n\u003cimg src=\"assets/booth.png\" width=500 height=300 /\u003e\n\nAI 배경 생성 화면  \n\u003cimg src=\"assets/ai.png\" width=500 height=300 /\u003e\n\n사진 선택 화면  \n\u003cimg src=\"assets/select.png\" width=500 height=300 /\u003e\n\n캘린더 화면  \n\u003cimg src=\"assets/calendar.png\" width=500 height=300 /\u003e\n\u003cimg src=\"assets/select_date.png\" width=500 height=300 /\u003e\n\n게시판 화면  \n\u003cimg src=\"assets/board.png\" width=500 height=300 /\u003e\n\n\u003cdiv id=\"6\"\u003e\u003c/div\u003e\n\n## 👨🏻‍💻 팀원 소개\n\n| \u003cimg src=\"https://avatars.githubusercontent.com/u/98015104?v=4\" width=\"150\" height=\"150\"/\u003e | \u003cimg src=\"https://avatars.githubusercontent.com/u/156046839?v=4\" width=\"150\" height=\"150\"/\u003e | \u003cimg src=\"https://avatars.githubusercontent.com/u/89764169?v=4\" width=\"150\" height=\"150\"/\u003e | \u003cimg src=\"https://avatars.githubusercontent.com/u/145361340?v=4\" width=\"150\" height=\"150\"/\u003e | \u003cimg src=\"https://avatars.githubusercontent.com/u/133585698?v=4\" width=\"150\" height=\"150\"/\u003e | \u003cimg src=\"https://avatars.githubusercontent.com/u/39815497?v=4\" width=\"150\" height=\"150\"/\u003e |\n| :----------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------: |\n|            [김예훈\u003cbr\u003e@gnsdp99](https://github.com/gnsdp99)\u003cbr/\u003e`Main Frontend`            |           [김현재\u003cbr\u003e@Kguswo](https://github.com/Kguswo)\u003cbr/\u003e`Leader` / `Backend`           |       [박성훈\u003cbr\u003e@seongddiyong](https://github.com/seongddiyong)\u003cbr/\u003e`Main Backend`        |              [염규영\u003cbr\u003e@gyuoo](https://github.com/gyuoo)\u003cbr/\u003e`Backend` / `AI`              |          [옥진석\u003cbr\u003e@JJOK97](https://github.com/JJOK97)\u003cbr/\u003e`Frontend` / `WebRTC`           |           [유병주\u003cbr\u003e@youbj](https://github.com/youbj)\u003cbr/\u003e`Frontend` / `Infra`            |\n\n\u003cdiv id=\"7\"\u003e\u003c/div\u003e\n\n## 📝 문서\n\n### 1. [기능 명세서](https://thrilling-hickory-561.notion.site/2f908e6d3f4945fead2998969a572a51?pvs=4)\n\n### 2. [와이어 프레임](https://www.figma.com/design/vZCRcTeV7l1uY29kUnykgc/PICPLE?node-id=0-1\u0026t=XmfEvX8iE1Da69Hr-1)\n\n### 3. [API 명세서](https://thrilling-hickory-561.notion.site/API-be69eb37997347619a71459698c03023?pvs=4)\n\n### 4. [ERD](https://thrilling-hickory-561.notion.site/ERD-Diagram-a69e27fc5f9f45418beae19d41002f5c?pvs=4)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjjok97%2Fpicple","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjjok97%2Fpicple","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjjok97%2Fpicple/lists"}