Giter Site home page Giter Site logo

fiondb's Introduction

FIONDB


피파온라인4 유저들을 위한 전적검색 사이트



서비스 배경

게임을 좋아하는 팀원들끼리 공통 관심분야인 게임 커뮤니티를 만들고 싶었고

리그오브레전드의 op.gg 사이트를 모티브로 하여 유저들간의 전적과 랭킹을 조회하는 시스템을

넥슨 openAPI를 사용하여 기획했습니다




서비스 주요 기능

  • 최근 전적 조회 기능

    구단주 이름을 검색해서 경기결과,승률,포메이션을 제공합니다

  • 공식 경기 랭킹 조회 기능

    상위 실력유저의 공식경기 점수와 전적,승률을 제공합니다

  • 모바일 반응형 웹 구현

    모바일 환경에서 심플한 UI디자인을 만들었습니다



페이지 구현 모습

랜딩페이지 랭킹 페이지
* 구단주 검색 기능
* 무한스크롤 적용
* 공식경기 랭킹순으로 정보 제공

전적검색 페이지 모바일 UI

* 검색한 유저의 최근 경기기록 조회
* 각 경기의 mvp선수, 포메이션 제공
* 반응형 웹 UI



프로젝트 팀원 역할 분담

이름 담당 업무
정병욱 Front, Backend 개발 환경, 랜딩, 랭킹 페이지
안영민 Front 전적 검색 페이지
이종열 Front 랜딩, 랭킹 페이지
백진하 Design UI디자인, 반응형 웹 디자인









fiondb's People

Contributors

ahn0min avatar jungbyungwook avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.