🕹️ Mini Game Arcade

웹 기본기 역량을 입증하는 통합 프로젝트

개발자: 권하일 (AI.SW학과)
본 프로젝트는 한신대학교 웹 프로그래밍 수업 과제로 제작되었으며,
프론트엔드·백엔드·데이터베이스 연동까지 아우르는 풀스택 개발 역량을 종합적으로 훈련하고자 기획되었습니다.

🎯 프로젝트 개요

🔍 프로젝트 목표

클래식 게임 구현: 솔리테어, 메모리 카드 게임, 벽돌깨기 등 다양한 미니 게임의 게임 로직을 순수 JavaScript로 직접 구현
풀스택 연동 실습: 사용자 점수 및 게임 기록을 Node.js + Express 서버 통해 처리하고, MongoDB에 데이터 저장
웹 표준 기반 UI 제작: HTML5·CSS3 기반 반응형 UI 및 접근성 고려

🎮 주요 기능

게임 선택 페이지: 구현된 미니 게임을 한눈에 확인 가능
리더보드 시스템: 게임별 최고 점수 저장 및 표시
실시간 게임 상태 관리: JavaScript 기반 동적 로직, 애니메이션, 이벤트 처리

🛠️ 기술 스택

영역	기술	설명
Frontend	HTML5, CSS3, JavaScript (ES6+)	게임 화면, 인터랙션, 로직 구현
Backend	Node.js, Express.js	REST API 구축 및 서버 로직
Database	MongoDB	점수·유저 데이터 저장용 NoSQL DB
DevOps / Tools	Git, GitHub	버전 관리 및 협업 환경

🚀 설치 및 실행 방법

🔧 사전 준비

Node.js v14+
npm 또는 yarn
로컬 환경에서 실행 중인 MongoDB

⚙️ 설치 및 실행

저장소 클론

git clone [프로젝트 URL]
cd mini-game-arcade

클라이언트 설치

cd client
npm install

서버 설치

cd ../server
npm install

서버 실행

node server.js

또는 개발용: nodemon server.js

클라이언트 실행

cd ../client
npm start

또는 index.html을 브라우저로 직접 열어 실행

🎮 미니게임 바로 플레이

아래 버튼 클릭 시 간단한 미니게임(Catch the Coins) 페이지로 이동합니다.
게임은 순수 JavaScript로 구현되며, 로컬 점수 저장 기능 지원.

▶ 바로 플레이하기

🤝 기여

버그 발견 또는 개선 사항은 Issue 탭을 통해 알려주세요.

📫 Contact

Email: gkdlf56890@naver.com
GitHub: inko1122
GitHub Repository: 프로젝트 저장소 바로가기

Popular repositories Loading

inko1122 Public

깃 허브 내 소개 페이지

Must-Know-About-Frontend Public

Forked from aebonlee/Must-Know-About-Frontend

inko1122.github.io Public

JavaScript

d2codingfont Public

Forked from aebonlee/d2codingfont

D2 Coding 글꼴

Portfolio02 Public

Forked from aebonlee/Portfolio02

HTML

Inko_portfolio Public

Inko_portfolio