Inspiration

Many people use subway everyday. So, we decided to make a game related to our daily life.

What it does

The page shows the station name list. Player should guess where the station is on the subway map.

How I built it

Used Javascript, CSS3, HTML5.

Challenges I ran into

It was quite difficult to show all the buttons in the right place.

Accomplishments that I'm proud of

We are just glad that we finished all of the plans we made.

What I learned

It is different between studying theory and actually using it to make something.

지하철 환승역 찾기

집에가고싶'조'

김들이, 황유순

역활

  • 김들이 : PM / javascript 추상화 / 프로그래밍 로직 정리 / publishing
  • 황유순 : Main Develop / UX/UI / javascript 기능 구현

목표

기획의도

  • 간단한 게임 구현을 통해 HTML/CSS, JAVSScript 실습
  • 결과물의 완성도를 위한 전략적 역활 분담이 아닌 js의 추상화 및 html의 구조설계와 실제 구현의 역활을 교차하여 두 사람 모두 공평한 참여를 지향

MVP

  • [v] HTML/CSS 이용 view page 개발
  • [v] 전체 지하철 역, 선택해야 할 지하철역 생성 및 표시
  • [v] 클릭한 지하철역과 선택해야 할 역 비교 및 비교 결과 출력

코딩컨벤션

  • eslint 사용
  • js
    • const : 대문자 snake case
    • let, function : camel case
    • string : single quotes
  • html/css
    • id, class : - 사용
    • string : double quotes

일정

190520

  • 주제 선정
  • 국립국어원 Open API를 이용한 끝말잇기 게임

190521

  • 주제 변경
  • 국립국어원 Open API 이용 불가로 인한 변경
  • 지하철노선도를 이용한 지하철역 맞추기 게임

190522

  • 추상화 및 디자인 레이아웃 (예정)

  • 추상화 완료

  • 디자인 레이아웃 진행 중

190523

  • 추상화 및 디자인 레이아웃 (예정)
  • 디자인 레이아웃 완료

190524

  • 개발 (예정)
  • 개발 완료

Reference

https://codepen.io/ConnorGaunt/pen/wWZdxB

DEMO

https://hicucu.github.io/FDS-hackathon/

Built With

Share this project:

Updates