9조 웹미니프로젝트 S.A (Starting Assignment)

1. 프로젝트 제목/간단설명

2. 와이어프레임

3. API(개발해야 하는 기능들)

4. public github repo 주소

 

---

1. 프로젝트 제목/간단설명

1-1. 제목

내가& nbsp;하려고 만든< 개 임.

인트로 페이지

 

메인 페이지

1-2. 개요

이번 사전 미니 웹 프로젝트로 자바스크립트로 구현된 다양한 재미있는 미니게임이 모여있는 웹사이트를 개발했습니다. 이 프로젝트에는 옛날 픽셀 게임들을 활용해 구현된 세 가지의 미니게임으로 구성되어 있습니다. 웹사이트의 대부분의 그래픽과 폰트, 스타일에서 픽셀아트 느낌을 최대한 내보려고 노력했습니다. 

 

 

 

 

1-3. 특징

1) 픽셀 아트와 레트로 디자인: 독특한 시각적 요소를 위해 flaticon에서 픽셀 아이콘을 주로 사용했다. 배경 사진 또한 무료 배경사진 사이트에서 픽셀아트 위주의 사진으로 적용했다. 또한 옛날 콘솔 게임 느낌의 오디오를 추가했다.

 

2) 간편하고 직관적인 인터페이스: 간단하고 직관적인 디자인으로 구성되어있고, 각각의 게임페이지는 싱글페이지로 한 페이지에서 게임 랭킹까지 볼 수 있다. 

 

3) 스코어 기록 및 경쟁: 각각의 게임 페이지는 사용자의 게임 플레이 기록을 저장하고 표시한다. 또한 마이페이지에서 베스트 스코어를 비교할 수 있다.

 

 

 

2. 와이어프레임

- flow

- file structure

3. API(개발해야 하는 기능들)

 

login.html / register.html

구분	URL	method	func	request	response
로그인	"/api/login"	"POST"	game _logIn()	{   "userId" : "testId",   "password" : "testPassword", }	{   "result_code": "Success",   "result": {           "nickname": "testId",           "token": "test token"    } }
회원 가입	"/api/register"	"POST"	game _register()	{   "userId" : "testId",   "password" : "testPassword",   "nickname" : "닉네임",  }	{   "result_code": "Success",   "result": {                "nickname": "testId",                "token": "닉네임"    } }

 

 

4. public github repo 주소

 

1. Repository 주소

https://github.com/Mini-game-Project/JS-games

GitHub - Mini-game-Project/JS-games: Mini games repository with JavaScript

 

2. Organization 주소

https://github.com/Mini-game-Project

Mini-game-Project

 

3. backlog(협업 툴) 주소

https://github.com/orgs/Mini-game-Project/projects/1