Giter VIP home page Giter VIP logo

ymd's Introduction

😢 YMD

Netflix 인터페이스르 오마주한 앱

Youtube Media 8
Youtube를 이용한 YMD버젼 - 8_8 (그만울조)


🔳 팀 소개 및 개요

◼ 팀 소개 - 무난무난한 5명이 모인 팀

◼ 개요 - Youtube Api를 가져와 우리 조 마음대로 꾸민 앱

남소진 김현걸 조원준 정선호 권경운
searchFragment/UI detailFragment/UI home & hotTopic Fragment/UI myVideoFragment/UI Main/UI 및 프래그먼트 연결
myVideo retrofit 연결 search retrofit 연결 home retrofit 연결 hotTopic retrofit 연결 detail retrofit 연결

Figma를 이용한 Wire Frame

페이지별 기능 설명

home
     ▪️ 각 비디오 아이템 선택시 Detail로 이동
     ▪️ videoAPI를 사용하여 인기 영상 표시
     ▪️ categoryAPI를 사용하여 카테고리 리스트 스피너에 표시
     ▪️ videoAPI를 사용하여 category 클릭 시 관련 영상 표시
     ▪️ channelAPI를 사용하여 category 클릭 시 관련 채널을 표시
     ▪️ webview를 사용하여 동영상 재생기능 추가
hotTopic
     ▪️ Youtube api 중 VideoData를 사용
     ▪️ data값중 descriptor(설명), title(제목), thumbnail(사진), id(url) 로 사용
     ▪️ webview를 사용하여 동영상 재생기능 추가
     ▪️ 받아온 thumbnail 값 대신 webview에 id값을 넣어 적용
     ▪️ 버튼 클릭시 디테일 페이지 이동 및 데이터 전달
myVideo
     ▪️ 사용자의 개인정보
     ▪️ 프로필 사진, 이름 등 개인정보 상단에 표시
     ▪️ detail에서 좋아요 버튼 클릭 시 보관함으로 저장
search
     ▪️ Search Api를 사용.
     ▪️ 검색 창에 검색하여 사용자가 원하는 데이터를 보여줌
     ▪️ 화면 이동시 fade in, fade out 애니메이션
     ▪️ 비디오 클릭 시 디테일 프레그먼트로 리사이클러뷰 아이템 데이터들 전송
     ▪️ 모든 카테고리 별 검색 기능 추가
detail
     ▪️ 각 비디오 아이템 선택시 Detail로 이동하여 선택된 비디오의 상세 정보를 제공
     ▪️ 좋아요" 버튼 추가: 비디오 상세 정보 아래에 즐겨찾기 추가. 사용자가 버튼을 클릭하면 해당 비디오 정보가 Mypage에 저장
     ▪️ My Video 저장: “즐겨찾기"를 누른 비디오 정보는 My Page에서 조회 가능하며 내부에서 "즐겨찾기"를 누른 비디오 목록을 가져와 출력
     ▪️ Detail Activity에서 공유 기능 추가 / 해당 버튼 클릭시, Android의 공유 인텐트를 사용하여 다른 앱으로 비디오의 링크를 전송
     ▪️ Recycleview를 이용해 연관 동영상 보여주기

프로젝트 업무 관리

Github의 Project의 칸반 보드를 통해 Issue를 생성하고,
완료 된 Issue는 Pull Request와 연결하여 관리
YMd_PJ

is is is is

ymd's People

Contributors

sunho512 avatar werds7890 avatar kwonkyungun avatar wonjun3026 avatar nsojin 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.