Skip to content

Manchui/Frontend

Repository files navigation

만취

  • 만취는 많은 사람들이 함께할 수 있는 취미가 같은 사람들의 자유로운 모임 플랫폼입니다.
스크린샷 2025-02-01 오후 5 03 13

소개 및 개요

  • 프로젝트 기간: 2024.10 ~ 2024.12
  • 배포 URL: 🚀 만취

[프로젝트 소개]

  • 만취는 많은 사람들이 함께할 수 있는 취미가 같은 사람들의 자유로운 모임 플랫폼입니다.
  • 사용자는 9개의 카테고리(개발, 운동, 영화, 공부, 문화/예술, 게임, 여행, 맛집, 음악) 중에서 자신의 취향에 맞는 모임을 선택하고, 인기 모임 목록도 확인할 수 있습니다.
  • 각 모임의 상세 페이지에서는 해당 모임의 위치와 지도를 확인할 수 있습니다.
  • 실시간 채팅을 통해 모임장과 모임원들 간의 자유로운 소통이 가능하며, 알림 기능으로 모임 관련 업데이트를 확인할 수 있습니다.
  • 모임이 끝난 후, 사용자는 직접 별점과 후기를 남길 수 있습니다.

협업 팀 소개

Frontend Dev

은동혁 이용환 소희 이인지
github: edhcoding github: Yong Lee github: han9898 github: inji(FE)

Backend Dev(2) / Designer(1)

김병훈 오예령 권하은
github: yosong6729 github: ohyeryung github: [---]

기술 및 개발 환경

[기술 스택]

Next JS TypeScript TailwindCSS React Query

[기술 도구]

Yarn Figma Git

[협력 도구]

GitHub Notion Discord

페이지 구성 및 기능

랜딩 페이지 로그인 페이지 회원가입 페이지
image image image
메인 페이지 찜한 모임 페이지 모임 등록 페이지
image image image
image
모든 리뷰 페이지 마이 페이지 모임 상세 페이지
image image image
FAQ 및 고객지원 페이지 알림 기능 실시간 채팅 기능
image
image
image image

주요 기능 소개

⭐ 메인 페이지: 모임 검색 및 필터링

  • 9개의 다양한 카테고리(개발, 운동, 영화, 공부, 문화/예술, 게임, 여행, 맛집, 음악)를 통해 원하는 모임을 찾을 수 있습니다.
  • 지역, 날짜, 키워드 검색으로 원하는 모임을 쉽게 찾을 수 있습니다.

⭐ 모임 생성 및 관리

  • 모임 이름, 카테고리, 설명, 장소, 최소/최대 인원 등을 설정하여 새로운 모임을 만들 수 있습니다.
  • 모임 일정과 장소를 지도를 통해 직관적으로 설정할 수 있습니다.

⭐ 실시간 채팅 기능

  • 모임원들과 실시간으로 소통할 수 있는 채팅방을 제공합니다.
  • 모임 관련 문의사항이나 정보를 자유롭게 공유할 수 있습니다.
  • 채팅방에서 모임 관련 중요 공지사항을 확인할 수 있습니다.

⭐ 알림 시스템

  • 새로운 참여자 알림, 모임 찜하기, 채팅 메시지 등 중요한 업데이트를 실시간으로 받아볼 수 있습니다.
  • 모바일에서는 좌•우 슬라이드로 알림 삭제가 가능합니다.
  • 모임 관련 주요 알림을 놓치지 않고 확인할 수 있습니다.

⭐ 리뷰 시스템

  • 모임 참여 후 별점과 상세 리뷰를 작성할 수 있습니다.
  • 카테고리, 지역, 날짜별로 리뷰를 필터링하여 볼 수 있습니다.
  • 다른 사용자들의 경험을 통해 모임의 퀄리티를 미리 확인할 수 있습니다.

⭐ 찜하기 기능

  • 관심 있는 모임을 찜하기로 저장할 수 있습니다.
  • 찜한 모임 페이지에서 저장한 모임들을 한눈에 확인할 수 있습니다.
  • 찜한 모임의 일정과 상태를 쉽게 확인할 수 있습니다.

⭐ 간편한 회원가입/로그인

  • 이메일 기반의 간단한 회원가입 절차를 제공합니다.
  • 소셜 로그인을 통한 빠른 가입도 지원합니다.

⭐ FAQ 및 고객지원

  • 자주 묻는 질문들을 카테고리별로 정리하여 제공합니다.
  • 이메일이나 구글 폼을 통한 추가 문의가 가능합니다.
  • 서비스 이용에 대한 상세한 가이드를 제공합니다.

프로젝트 구조

[폴더 구조]

  • apis/ : 외부 API 통신을 담당하는 함수들을 기능별로 분리
  • components/ : 재사용 가능한 컴포넌트들을 기능별로 구분하여 관리
  • constants/ : 프로젝트에서 사용되는 상수 값들을 중앙 관리
  • hooks/ : 재사용 가능한 로직을 커스텀 훅으로 분리
  • libs/ : 프로젝트 전반에서 사용되는 유틸리티 함수들을 관리
  • pages/ : 실제 라우팅되는 페이지 컴포넌트들을 관리
  • store/ : 전역적으로 관리되어야 하는 상태들을 관리
  • types/ : TypeScript 타입 정의 파일들을 중앙 관리
📦src
 ┣ 📂apis
 ┣ 📂components
 ┃ ┣ 📂landing
 ┃ ┣ 📂loginSignup
 ┃ ┣ 📂main
 ┃ ┣ 📂mypage
 ┃ ┣ 📂review
 ┃ ┗ 📂shared
 ┣ 📂constants
 ┣ 📂hooks
 ┣ 📂libs
 ┣ 📂pages
 ┃ ┣ 📂create
 ┃ ┣ 📂detail
 ┃ ┣ 📂login
 ┃ ┣ 📂main
 ┃ ┣ 📂mypage
 ┃ ┣ 📂review
 ┃ ┗ 📂signup
 ┣ 📂store
 ┣ 📂types
 ┗ 📜App.tsx

협업 일정관리

스크린샷 2025-02-04 오후 1 20 35

협업 회의록

스크린샷 2025-02-04 오후 1 21 19

About

만 명이 즐기는 취미(만취) 웹 서비스입니다.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •