예술 기반의 소셜 디스커버리 🎨 서비스
Linktree | Instagram | Wiki | Backend팀 Repository
https://hibit-frontend.vercel.app
히빗은 예술(전시)기반의 소셜 디스커버리 서비스입니다.
- 전시회를 가고싶지만 막상 혼자 가기가 두려운 사람.
- 예술에 대해 깊은 공감대를 형성할 수 있는 친구를 만들고 싶은 사람.
- 전시도 보고 밥도 먹고 다양한 사람들과 친해지고 싶은 사람.
intro.mp4
- 자주 사용하는 소셜미디어 중 하나인
구글
계정으로 편리하게 로그인/회원가입을 할 수 있어요.
![hibit-login-page](https://private-user-images.githubusercontent.com/78556338/287568282-1d06fdf5-6aed-436c-a19b-f08a43a583ed.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjA0NDc4OTgsIm5iZiI6MTcyMDQ0NzU5OCwicGF0aCI6Ii83ODU1NjMzOC8yODc1NjgyODItMWQwNmZkZjUtNmFlZC00MzZjLWExOWItZjA4YTQzYTU4M2VkLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MDglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzA4VDE0MDYzOFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWYyMGFjMjM5YmFmN2M2MDY5NmY0NDUwNDZlYmFhMjBhOWI3NzY0ODVkMzViMzNlYzZlZWZkMDhhMTY3YWUxMjAmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.b9DR_p5bhgYsvzI2x0_0kTr6AuJSyNJtHvdzGckx554)
- 유저는 매칭 시 필요한 프로필 정보( 닉네임,나이,사진 etc )를 입력할 수 있어요.
- 상대방에게 노출되기를 희망하는 프로필 정보만
선택해서 공개
할 수 있어 부담이 덜해요. - 타인의 프로필을 탐색할 수 있어요
검색창
을 통해 원하는 전시회 명, 게시글 명만을 검색할 수 있어요.- 이번주 출발 전시, 좋아요 많은 모집글만을
필터링
한 검색 결과를 확인할 수 있어요 - 원하는 모집글을 찾을 때 까지
더보기
버튼으로 탐색할 수 있어요 - 게시글 모집 상태 변경을 통해 모집을 취소,완료 시킬 수 있어요.
![hibit-board-page-only](https://private-user-images.githubusercontent.com/78556338/287568413-baa4cf4b-9943-4b93-8892-b1f461cdea64.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjA0NDc4OTgsIm5iZiI6MTcyMDQ0NzU5OCwicGF0aCI6Ii83ODU1NjMzOC8yODc1Njg0MTMtYmFhNGNmNGItOTk0My00YjkzLTg4OTItYjFmNDYxY2RlYTY0LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MDglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzA4VDE0MDYzOFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTYzNTczMTFiMzdjY2I0NWNjMThiNDAxNmRiNTlhZmFiZmMzNTMwNWYxYWE2ZjJmZGJjYjBkYTBlZjA4YjM5ZjgmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.JzYXOAn1FvL2A1ziLgwrlNXeNOEykjbDy5pemIlfts0)
-
모집자 & 신청자로서 댓글(대댓글)을 작성/수정/삭제하면서
쌍방향 소통
할 수 있어요. -
원하는 상대방의 게시글,댓글에 실시간으로
좋아요
를 표시할 수 있어요. -
모집자로서 게시글을 작성하고 , 댓글을 남긴 유저 중 함께 전시회를 가고 싶은 유저에게
초대장
을 보낼 수 있어요.
- 알림 목록에서 매칭 신청 결과, 좋아요한 유저 정보, 댓글/대댓글 메시지,
카카오톡 Open채팅 링크
등의 알림을 수신할 수 있어요.
![hibit-alarm-page](https://private-user-images.githubusercontent.com/78556338/287568478-25ae1d39-e809-408f-ba2f-f38c9c2541a3.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjA0NDc4OTgsIm5iZiI6MTcyMDQ0NzU5OCwicGF0aCI6Ii83ODU1NjMzOC8yODc1Njg0NzgtMjVhZTFkMzktZTgwOS00MDhmLWJhMmYtZjM4YzljMjU0MWEzLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MDglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzA4VDE0MDYzOFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWM0OGFlYTRhYzlhM2NkYTRmZmNmZmZlYTZjMjc1YjJiNjc4YjNmMDQ2OTA5MDkyYmU0MGJjNjNjZGUwYTZjZGQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.Fe_rfSMpQua78HtjQd_HNoaKlVcl37qJce4n3y8yrwc)
-
유저가 댓글/대댓글/게시글을 신고할 수 있어요.
-
신고 페이지에서는, 신고 종류를 선택한다 (ex: 광고성, 불건전한 등등) + 세부적인 내용 작성이 가능해요.
-
신고가 접수되면, 관리자가 해당 신고 내용을 검토한다. 이후 신고내용이 타당하다면 회원 테이블(or 프로필 테이블)에 신고 횟수를 증가시켜줘요.
![hibit-declaration](https://private-user-images.githubusercontent.com/78556338/287568351-706cd3f2-6538-4167-8427-681f11e3708f.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjA0NDc4OTgsIm5iZiI6MTcyMDQ0NzU5OCwicGF0aCI6Ii83ODU1NjMzOC8yODc1NjgzNTEtNzA2Y2QzZjItNjUzOC00MTY3LTg0MjctNjgxZjExZTM3MDhmLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MDglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzA4VDE0MDYzOFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTk4MzI2ZTM1MjYzZTMwN2EzYzJiMDA0NGQxZTJhMzY1OGQ5ZTcyZTdjMGVjOGEzNTc0ZDUwYmMzNTY3NjUyYjkmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.4QRgo9w9vwa1NBR2G_xklI1vy2BvWxOcN5L92acoA9U)
박상준 | 심현준 | 최혜영 | 문준용 |
---|---|---|---|
@sangjun-Park1208 | @jake0319 | @hyoung01 | @devFancy |
Client | Client | Server | Server |
극대화된 사용자 경험을 위해 끊임없이 소통하는 FE 개발자입니다. 📢 |
항상 효율적인 클라이언트 아키텍처 구조를 고민하고 섬세한 감각으로 UI/UX를 구현하는 개발자. 💫 |
도전과 경험을 즐기며 다양한 기회를 잡고 그 과정을 통해 성장하는 것을 좋아합니다. 📈 |
문제를 해결한 것을 기록하고 공유하는 걸 좋아합니다. ✍🏻 |
![]() |
![]() |
![]() |
---|---|---|
🌟 재목 | 현정 | 민성(Designer) |
저희는 기획자, 디자이너, 개발자(FE, BE)로 구성되어 있습니다.
- 기획자(김재목, 하현정), 디자이너(김민성), 개발자(FE - 박상준, 심현준 / BE - 최혜영, 문준용)
스프린트는 매주 대면/비대면으로 진행되며, 협업 도구로는 Jira
, Confluence
, Figma
, Notion
, Slack
을 활용했습니다.
![hibit-git-flow](https://private-user-images.githubusercontent.com/78556338/277386067-28f84094-c4c2-4dce-9180-1f245a4bf6bf.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjA0NDc4OTgsIm5iZiI6MTcyMDQ0NzU5OCwicGF0aCI6Ii83ODU1NjMzOC8yNzczODYwNjctMjhmODQwOTQtYzRjMi00ZGNlLTkxODAtMWYyNDVhNGJmNmJmLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MDglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzA4VDE0MDYzOFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTNmODZhN2QwZGViMTg2MDJkZjJhOTBjYzBkNmI5N2Q3YTNhNDM3ZDM4YmQ4OTBiNGMyMjRjZWEzYjkzNzkzNWUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.ELFj_lZGo9KB0xu6oXaTN8jBZhUdkaNLpgsERQOXfHk)
![hibit-frontend_stack1](https://private-user-images.githubusercontent.com/78556338/277386152-e8c0a192-660f-414b-8195-fc5955fbc550.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjA0NDc4OTgsIm5iZiI6MTcyMDQ0NzU5OCwicGF0aCI6Ii83ODU1NjMzOC8yNzczODYxNTItZThjMGExOTItNjYwZi00MTRiLTgxOTUtZmM1OTU1ZmJjNTUwLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MDglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzA4VDE0MDYzOFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTQ5ZjIwMzQ1M2ZjYzQzZjY4YTM3MTdlOGU3MmJkOWFiMmVmYTc4YjgxNWEwYTlhMGM0YWY4MDE1N2Q3OTJhZGMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.JgDUaQ2Kr-1xVicQTb3KJv76dzQ4XOZbItUsdF1B4Fs)
Language | Javascript, Typescript
Library | React, Recoil , React-Query, Emotion, Framer-motion
Build | Webpack, Babel
CI/CD | Vercel
![hibit-backend_stack2](https://private-user-images.githubusercontent.com/78556338/277386191-542fd586-2dae-43b7-9012-3eb8122c5e94.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjA0NDc4OTgsIm5iZiI6MTcyMDQ0NzU5OCwicGF0aCI6Ii83ODU1NjMzOC8yNzczODYxOTEtNTQyZmQ1ODYtMmRhZS00M2I3LTkwMTItM2ViODEyMmM1ZTk0LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MDglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzA4VDE0MDYzOFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWFmNGJjOWQxMmM4NDZkZDg1ZWNkYWIzOWM1MjM0MjI4NTljNzJjYTM5YWE3NDZjNWJhNGFlMmY4OWU4ZmQ4MTEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.MXDQUW2Wk7jb9CAxq8KvIN5YvbSv1nXDt5oxNBfzMGs)
Language | Java 11
Framework | Spring 5.3.21 (Spring Boot 2.7.1, Spring MVC 5.3.1, Spring Data JPA 2.7.1)
Build Tool | Gradle 7.4.1
Test | Junit 5
Docs | Swagger
![hibit_infra_stack3](https://private-user-images.githubusercontent.com/78556338/277386233-974b9cdd-6220-4a46-a16b-eae66cc569cf.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjA0NDc4OTgsIm5iZiI6MTcyMDQ0NzU5OCwicGF0aCI6Ii83ODU1NjMzOC8yNzczODYyMzMtOTc0YjljZGQtNjIyMC00YTQ2LWExNmItZWFlNjZjYzU2OWNmLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MDglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzA4VDE0MDYzOFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTk5NTU1ZmU1NzY4YzY1Y2FiMjE2MGE3YzY5OGVlMDE1YjRkMDc1MGZjMGYzNjc5ZjRlNTM5ZTRiMTU3N2FmYzkmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.hJ5_ahCj8Damj4JV3Vfp263F2pHkSU2LVgGSWQ9Ayh0)
Infra | AWS EC2, AWS RDS, AWS S3, Nginx
DB | H2, MySQL 8
CI/CD | Git, GitHub Action, Docker, Jenkins