🎮Delightable🕹️

Delightable provides several minigame by its web platform.

📋Purpose

옛 플래시 게임의 유행이 식으면서 점차 생소해지고 있는 웹 플랫폼 게임을 되살리기 위해서 이번 Delightable 프로젝트를 시작하였다. Delightable은 활용성을 극대화하기 위해 웹의 특성을 이용하여 컴퓨터만 있으면 기존 데스크탑에서 실행되는 게임과 다르게 설치할 필요가 없고 브라우저로 애플리케이션을 체험할 수 있도록 하였다. 이는 우리의 웹 미니 게임을 활용할 사람들이 편리함을 느낄 수 있도록 하기 위해 웹 플랫폼만의 장점을 극대화할 수 있도록 최적화된 성능을 제공할 것이다.

🗞️Features

• 회원 가입하여 Delightable 계정으로 자신의 보유 게임, 점수, 등급을 확인할 수 있다.
• Delightable의 내장된 미니게임을 플레이할 때 싱글 플레이와 멀티 플레이 중 선택할 수 있다.
• 제공하는 미니게임은 틱텍토, 미로 찾기, 지뢰 찾기 등이 있다.

👪Contributors

Project Group

• 🔗Unperknown : Back-end Development
• 🔗iov somnimum : Front-end Development

🔑Technology Stack

Fixed Stack

⚠️It is fixed by its rule of the school's final project.⚠️

- Express.js : used in back-end development

- MongoDB : used in embedded database system

Additional Stack

- React : used in front-end development

⏳Entire Process

홈페이지 구상 → 자료 조사 → 사이트맵 확정 → 스토리 보드 작성 → 메인 및 서브 페이지 시안 → 페이지 상세 디자인 → 사이트 개발 → 테스트 및 완료 → 발표

🕤📅Project Schedule And Daily Progress

Milestone

• June 18th : Project Plan Submission Deadline
• June 28th : Implementation and Presentation Preparation Deadline
• July 11th : Final Deadline

Daily Progress

June 11th : Found Inspiration with teammate and filled out the project plan!

프로젝트 팀원과 함께 토의를 거쳤고 그 결과 웹 상에서 멀티 플레이를 할 수 있는 게임을 만들기로 하였다. 작품 이름은 Delightable이며 사용할 기술로 학교 프로젝트 규칙에 따라서 넣은 Express.js, MongoDB, 그 외에 Front-end 작업을 위해서 React까지 세 프레임워크를 사용하기로 하였다.

June 12th : Front-end Design.

간단한 웹 페이지 프로토타입을 제작하였다. 다음은 초기 웹 화면과 로그인 화면이다.

June 13th : Attacted Back-end with Express.js, Register Screen Prototype!

Express.js로 Endpoint를 구성하여 어제 제작한 Front-end 파일을 서버에서 실행할 수 있도록 하였다. 아래는 그 날 제작한 회원 가입 화면이다.

June 17th ~ June 21th : Happy Trip!⛱️🏝️

June 24th ~ June 28th : Added Login System with Session, Refined CSS for Better Design (but've got a cold for a while...)

세션을 이용하여 로그인 시스템을 구축하였다. 그리고 저번 프로토타입에서 발전시켜 웹 페이지 디자인을 더 정교하게 다듬었다.

July 1th ~ July 5th : Stopped for FINAL TEST!📝😵

July 9th ~ July 10th : Added Main Page and Ranking Page, Finally Heading Out for Game!

메인 페이지와 랭킹 페이지를 제작하였다. 그리고 가장 중요한 요소인 게임을 만들었다. 구현된 게임은 랜덤 숫자 게임과 틱텍토 게임이다.

July 11th : Prepared for the Presentation

프로젝트 마감일에 다 같이 지금까지 프로젝트가 얼마나 진척되었는지 공유하고 발표하는 자리를 가졌다.