Untitled

1. Portfolio Introduction
   • Project: Design and Development of Interactive Role-Play Web App for Magok Temple
   • Client: Magok Temple
   • Project Overview: Designing and developing an interactive role-play web app game for visitors to engage with various areas of Magok Temple.
2. Scope of Work
   • Design: Crafting the design to match the historical context of the game (Tool: Figma).
   • Development: Implemented as a web app using React for easy access through QR code scanning or entering the web address in the browser, with Firebase as the backend.
   • Features: Developed features including QR code scanning for progressing to the next stage in the game and implemented user registration and login through Firebase using phone number verification.
3. Key Responsibilities
   • QR Code Functionality: Allowing visitors to physically move to specific locations in Magok Temple and scan QR codes with in-app camera to progress in the game.
   • Login Functionality: Implemented user registration and login with number verification using Firebase.
4. Key Points
   • Design: Worked on creating a design that matches the historical context and user experience of the game.
   • Development: Focused on building the web app using React and Firebase, with a key focus on QR code and login functionality.

<마곡사 역할놀이체험 웹앱 디자인, 개발>

1. 포트폴리오 소개:
   • 프로젝트: 마곡사 역할놀이체험 웹앱 디자인, 개발
   • 고객: 마곡사 방문객
   • 프로젝트 개요: 방문객을 위한 역할놀이 체험 웹앱 게임 디자인 및 개발
2. 작업 범위 : 개발에 참여한 범위 및 지원환경
   • 디자인: 게임의 시대적 배경에 맞도록 한지의 색감과 느낌이 나도록 디자인 (Figma 사용)
   • 개발: React를 사용하여 웹앱 형태로 구현, Firebase를 백엔드로 활용
   • 기능: QR코드 스캔 및 실제 장소 이동으로 게임 진행, Firebase를 이용한 번호 인증 로그인 구현
3. 주요 업무 : 해당 서비스의 주요 기능 및 주요 페이지
   • QR코드 기능: 방문객 분들이 마곡사 내의 실제 장소로 이동을 하셔서 앱 내의 카메라 기능을 이용해 QR코드를 스캔하시면 게임 내의 다음 단계로 진행이 가능하게 작업
   • 로그인 기능: Firebase를 활용한 번호 인증을 통한 회원가입 및 로그인 구현
4. 주안점 : 디자인, 개발 시 중점이 되었던 사항
   • 디자인: 게임의 시대적 배경 및 사용자 경험에 맞게 디자인 작업
   • 개발: React 및 Firebase를 사용하여 웹앱 형태로 구현, QR코드 및 로그인 기능 구현에 중점

Project Link: https://sansamagok.com/

App screenshots