Coder Social home page Coder Social logo

couch-sloth's Introduction

Couch Sloth

What is Couch Sloth

Couch Sloth is application which someone watch youtube with friend during chatting.

Screenshot

Screenshoats

Structure

|--client-react
|  |--public
|  |  |--index.html
|  |--src
|  |  |--App.css
|  |  |--App.js
|  |  |--components
|  |  |  |--Chats.js
|  |  |  |--Header.js
|  |  |  |--LoginModal.js
|  |  |  |--Messages.js
|  |  |  |--Player.js
|  |  |  |--WebSocket.js
|  |  |--img
|  |  |  |--bg-movie.png
|  |  |  |--sloth.png
|  |  |--index.css
|  |  |--index.js
|  |  |--pages
|  |  |  |--Index.js
|--server
|  |--build.gradle
|  |--src
|  |  |--main
|  |  |  |--Application.kt
|  |  |  |--controllers
|  |  |  |  |--ApiController.kt
|  |  |--test
|  |  |  |--controllers
|  |  |  |  |----ApiControllerKtTest.kt

client

  • React
  • Asynchronous Operation Youtube
  • Asynchronous Chatting

server

Usage

WebSocket Endpoint

Endpoint describe parameter
/say Massage send websocket {userName: String, messages: String}
/video/play Play youtube {isPlay: Boolean, progress: double}
/video/pause Pause youtube {isPlay: Boolean, progress: double}
/video/url Set youtube URL {url: String}

Contributing

  • Nico
  • Yuki
  • Yasu

Reference

couch-sloth's People

Contributors

takayasunasu avatar yukit1990 avatar nicol17 avatar

Watchers

James Cloos avatar  avatar

Forkers

yukit1990

couch-sloth's Issues

Tasks

  • Nico: Create UI Mock-up
  • Yasu: Consider architecture of the app

User Story

As a I want to So that I can
Peter --> 18 years old, male, Canadian, student Show my best friend this new streamer on YT Copy his strategy the next time we play the same game
Olivia --> 29 years old, female, Environmental scientist Send a video to my boss about this new water testisng system Implement it at work, making us more efficient
Nico --> 26 years old, male, Spanish, student Show a video to my mum watch it with her instead of waiting for ours because she doesn't know how to use Whatsapp
Bruce --> 15 years old, English, highschool student Watch videos with my friends instead of paying attention to the online class get distracted during lockdown :(
Emilia --> 33 years old, American, Lawyer Walk through a YT tutorial with my friend who works at IT Format my Computer and install a new OS
Michael --> 45 years old, Irish, Bus driver, married with 3 kids Send a TikTok compillation video to my kids See their reaction live

Inception Deck

Why are we here?

  • Get good job and learn programming.

Product Box

  • Relax and fun.

The NOT list

  • Login page
  • Real server like a AWS
  • Database

What keeps you up at night

  • Backend system
  • Time is short
  • Doc is long
  • Logic is complicated

How big is this thing

  • JavaFX
  • Network - WebSocket
  • Youtube API
  • Backend - serverside
  • Async
  • How test

Trade off sliders

  • Beautiful UI
  • 100% coverage unit test
  • Next movie start auto

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.