🐝 LOAPLAN

• LOAPLAN은 온라인 게임 Lost Ark 플레이어를 위한 자원 관리 지원 서비스입니다.
• 플레이어가 주간 콘텐츠와 자원을 효율적으로 관리할 수 있도록 직관적인 인터페이스와 차트를 제공합니다

---

🚀 프로젝트 개요

• 목표: Lost Ark 플레이어가 콘텐츠 보상을 최적화하고, 골드와 시간을 효율적으로 관리할 수 있도록 지원하는 플랫폼 구축
• 주요 사용자: Lost Ark를 플레이하며 캐릭터별 콘텐츠 계획과 효율 분석을 원하는 유저
• 이름의 의미: 향후 Lost Ark 플레이 계획 (PLAN) 을 세울 수 있도록 돕는다는 의미에서 LOAPLAN으로 선정

---

💡 주요 특징

• 반응형 UI: 중단점을 활용한 데스크탑 | 태블릿 | 모바일 환경에 최적화된 UI 제공
• REST API: REST 아키텍처 원칙을 준수한 API 설계
• 전역 상태관리: Zustand의 전역 상태관리로 props-drilling 방지 및 컴포넌트 간 데이터 공유
• JWT 기반 로그인: Jsonwebtoken을 이용한 인증 시스템 구현 (Access token 및 Refresh token 분리)
• 이메일 인증 시스템: Nodemailer를 활용해 회원가입 시 이메일 인증코드 발송 기능
• GitHub Actions CI/CD: main 브랜치 푸시 시 자동 빌드 및 AWS EC2 서버 배포

---

✨ 주요 기능

• 게스트 로그인: 회원가입 없이 기능을 테스트할 수 있는 게스트 로그인
• 콘텐츠 선택 관리: 캐릭터별 주간 콘텐츠 선택 및 진행 현황 관리
• 자원 수익 분석: 주간 콘텐츠에서 획득한 자원을 골드로 환산하여 시각화
• 차트 제공: 선택된 콘텐츠의 골드 정보를 수식 및 차트로 제공
• 데이터 기반 플레이 계획: 주간 플레이 계획 및 자원 투자 전략 수립에 도움

---

🛠️ 기술 스택

• Frontend: React, TypeScript, TailwindCSS, Zustand, Axios, Rechart
• Backend: Express.js, Jsonwebtoken, Nodemailer
• Database : MariaDB, Sequelize
• 배포 환경: AWS EC2, Nginx
• 디자인: Figma

---

📌 개발 현황

• 개발된 기능: ✔️ 랜딩페이지(종합페이지), ✔️ 주간 골드 정리, ✔️ 시간 효율 분석
• 개발 중인 기능: ⚡ 시세 차트, ⚡ 강화 효율 분석

---

📝 라이선스

• 이 프로젝트는 개인 포트폴리오 용도로 제작되었습니다.
• 본 프로젝트에서 사용되는 API 데이터 및 관련 콘텐츠의 지식재산권은 ㈜스마일게이트알피지에 귀속됩니다.