Giter Site home page Giter Site logo

blahblahclient's Introduction

BlahBlah

모든 기능에 대한 시연은 발표 영상에서 확인해 보실 수 있습니다.


시스템 구성

image

클라이언트(Front-End) : Android

서버(Back-End) : PHP, Nodejs


image

UI/UX는 크게 친구, 채팅, 피드, 계정의 4개의 프래그먼트로 나뉩니다

친구

image

먼저 친구 프래그먼트의 첫 화면에는 자신의 프로필과 친구들의 프로필이 리스트로 보입니다.
자신의 프로필 리스트를 클릭하면 ‘채팅하기’와 ‘프로필 편집’이라는 버튼과 프로필 사진, 그리고 상태메시지가 보입니다.
상대 프로필 리스트를 클릭하면 프로필편집 버튼 대신 ‘전화 걸기’ 버튼이 보입니다.
‘전화 걸기’ 버튼을 누르면 화상전화를 할 수 있습니다.

채팅

image

채팅 프래그먼트에는 채팅방 리스트가 첫 화면에 보이며, 리스트를 클릭하면 채팅방화면이 나타납니다.
채팅방에서 다른 사용자들과의 실시간 채팅이 이루어집니다.
새로운 사용자들과 채팅을 하기위해선 상단 툴바의 버튼을 눌러 채팅방을 직접 만들수 있습니다

피드

image

피드 프래그먼트에는 사용자들이 올린 게시물들을 볼 수 있습니다.
게시물에 여러 사용자들이 댓글을 달수 있고,
직접 여러개 의 사진을 올리기 위해선 상단 툴바의 +버튼을 눌러 이미지를 고르고,
이미지 각각 다른 특수효과를 주어 업로드 할 수 있습니다

계정

image

마지막 계정 프래그먼트는 사용자 자신이 올린 게시물의 개수, 팔로워, 팔로잉 수를 볼 수 있습니다.
edit 버튼을 눌러 계정 정보를 편집할 수 있고,
팔로워, 팔로잉 숫자를 눌러 상세한 정보를 볼 수 있습니다.
또한 사용자가 올린 게시물과 좋아요한 게시물 또는 북마크한 게시물을 모아 볼 수 있습니다.

blahblahclient's People

Contributors

guswns3371 avatar

Watchers

James Cloos 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.