Skip to content

Shift3/myMtv-client

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

43 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Screen Shot 2020-11-15 at 2 36 19 AM

React YouTube Music Player App

This demo app is meant to go alongside the live code demo of MyMTV App.

Getting Started with Create React App

This project was bootstrapped with Create React App. You can learn more in the Create React App documentation.

To learn React, check out the React documentation.

yarn start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

Emotion Styled-Components

Run "yarn add @emotion/styled @emotion/core @emotion/react". Emotion is a library designed for writing css styles with JavaScript. It provides powerful and predictable style composition in addition to a great developer experience with features such as source maps, labels, and testing utilities. Both string and object styles are supported. [https://emotion.sh/docs/introduction]

React-You-Tube

A simple React component acting as a thin layer over the YouTube IFrame Player API. To install "yarn add react-youtube" For more information visit [https://www.npmjs.com/package/react-youtube].

Deployment

This app was deployed with FIREBASE. To deploy, create your project in Firebase [https://firebase.google.com/] .
From the terminal "firebase init".
Select "Hosting" and find your project.
"Use as public directory" - input "build" (do not say 'yes' or the app will not deploy properly).
"Configure as a single-page app" - "yes".
"Setup automatic builds and deploys with GitHub?" - "no".
Before deployment run "yarn run build.
"Firebase deploy"

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 56.8%
  • HTML 35.5%
  • CSS 7.7%