Skip to content

jihochang03/YeonmuMarket-Frontend

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

232 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎭 연뮤마켓 (Yeonmu Market)

트위터 상에서 연극 뮤지컬 덕후 (연뮤덕) 들의 티켓 양도 과정에서 발생하는 사기 위험표 관리의 불편함을 해결하기 위해 만들어진 티켓 양도 플랫폼입니다.


🚀 프로젝트 소개 (Introduction)

연뮤마켓은 당근마켓과 같은 티켓 양도 플랫폼으로, 연뮤덕들이 트위터에서 티켓을 양도하거나 양수하는 과정에서의 번거로움을 해결합니다:

  • 기존에는 직접 게시글을 작성하고 예매내역을 가리는 수작업이 필요했지만, 연뮤마켓은 자동화된 티켓 게시 및 관리 프로그램을 제공합니다.
  • 티켓 양도/양수 내역을 따로 갤러리에 보관할 필요 없이, 웹사이트에서 바로 다운로드할 수 있어 편리함을 극대화했습니다.

🎥 데모 및 스크린샷 (Demo & Screenshots)

양도 목록 화면 양도글 작성 화면 홍보글 생성 화면
image image image

✨ 주요 기능 (Features)

  • 자동화된 티켓 게시: 표에 대한 정보를 쉽게 입력하고 게시글 생성.
  • 예매번호/좌석 자동 가리기: 민감한 정보를 자동으로 보호.
  • 간편한 티켓 관리: 갤러리에 저장하지 않아도 웹에서 바로 다운로드 가능.
  • 사용자 친화적인 인터페이스: 직관적인 UI로 편리한 사용 경험 제공.

🛠️ 설치 및 실행 방법 (Installation & Usage)

1️⃣ 사전 요구사항

  • React (v18 이상)
  • Python (v3.8 이상)
  • Docker (선택 사항)

2️⃣ 설치 및 실행

프론트 프로젝트 클론

git clone https://github.com/jihochang03/YeonmuMarket-Frontend.git
cd YeonmuMarket-Frontend

프론트엔드 설치 및 실행

npm install
npm start

백엔드 프로젝트 클론

git clone https://github.com/jihochang03/YeonmuMarket-Backend.git
cd YeonmuMarket-Backend

백엔드 설치 및 실행

pip install -r requirements.txt
python manage.py runserver

💻 기술 스택 (Tech Stack)

  • 프론트엔드: React (Vite, React Router, Axios)
  • 백엔드: Django REST Framework
  • 데이터베이스: Supabase
  • 기타 도구: Docker, Selenium (자동화 프로그램), Tesseract, OpenCV

🏗️ 구조 및 설계 (Architecture & Structure)

디렉토리 구조

YeonmuFrontend/
├── public/     # 이미지 파일
├── src/     # React 코드
   ├──── apis/      # api와 axios 설정
   ├──── assets/        # 업로드된 이미지 파일
   ├──── components/        # 기본 파일들
   ├──── redux/        # redux 관련 설정들
   ├──── routes/        # 페이지들
├──── App.jsx/        # 페이지들 링크
├──── index.css/        # css 설정
├──── README.md     # 프로젝트 설명 파일

## 시스템 아키텍처 (Architecture)

React와 Django REST Framework를 사용하여 프론트엔드와 백엔드를 분리한 구조입니다.  
Docker를 활용해 개발 및 배포 환경을 통합하며, PostgreSQL 데이터베이스를 사용하여 강력한 데이터 처리 기능을 제공합니다.

🤝 기여 가이드 (Contribution Guide)

  • 이 프로젝트를 포크(Fork)합니다.
  • 새로운 브랜치를 생성합니다: git checkout -b feature/my-feature
  • 수정 사항을 커밋합니다: git commit -m "Add new feature"
  • 원격 저장소에 푸시합니다: git push origin feature/my-feature
  • Pull Request를 생성합니다.

📝 TODO 리스트

  • 티켓 교환 서비스 추가
  • 다국어 지원 (한국어/영어)
  • 티켓 교환 후 연락 수단 마련련

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •