done

README.md

@@ -0,0 +1,31 @@
+# Around You Project
+
+shakedownflight의 repository에 오신 것을 환영합니다.
+저희 shakedownflight는 Code-states immersive 2기로 이루어진 프로젝트 팀입니다.
+6주 간의 스프린트가 끝나고 그 동안 배운 것들을 활용하여 작은 서비스를 만들어보았습니다.
+
+## Around You?
+
+구글맵 기반의 서비스로 사용자 주변의 영화, 드라마 등의 촬영장소의 위치를 보여주며 해당 지역 선택 시 영상과 콘텐츠의 간략한 정보를 볼 수 있는 서비스 입니다.
+
+## Development Stack
+
+* Back-end
+ * node-express
+
+* Front-end
+ * ReactJS
+
+## Collaboration Tools
+
+* Github
+* Slack
+
+## 진행상황
+
+현재는 dummy data를 이용하고 있습니다.
+
+## 향후계획
+
+* mongoDB를 연결하여 더 많은 데이터 표기
+* Redux를 통한 state관리

client/src/components/VideoPlayer.js

@@ -3,9 +3,9 @@ import React from 'react';
 class VideoPlayer extends React.Component{
   render(){
     return (
-      <div>
-        <h1>Video Player</h1>
-      </div>
+		<div className="video-player">
+        <iframe width="432" height="243" className="embed-responsive-item" src={"https://www.youtube.com/embed/"+this.props.video.id.videoId} allowFullScreen></iframe>
+     </div>
     )
   };
 };