initial commit

Author: justintsugranes

.gitignore

@@ -0,0 +1,23 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

INSTRUCTIONS.md

@@ -0,0 +1,11 @@
+# Instructions
+
+## Task
+
+1. You are using the code from the lesson item titled *The Navbar*. Your goal is to add another link to the existing code. This link should show a brand new component, named Contact. So, add a new file, `Contact.js`, to the root of the `src` folder. 
+2. Inside the `Contact.js` file, add an ES5 function, named `Contact`. The the `export default Contact` after the `Contact` function's closing curly brace.
+3. Inside the body of the `Contact` function, add a return statement with the following code: `<h1>Contact me on this page.</h1>`.
+4. Inside the App.js file, import the newly-built Contact component.
+5. Inside the App.js file's App function's return statement, locate the `nav` element, and inside of it, add another `<Link>` element, with the `to` attribute pointing to `contact`, the `className` set to `"nav-item"`, and the the text inside the Link element's opening and closing tags set to `Contact`.
+6. Inside the `Routes` element, add a third route, with the `path` attribute pointing to `"/contact"`, and the `element` attribute set to `{<Contact />}`.
+7. Save all your changes and view your updates in the served app. You should have three links in the top navbar, and the third link should be `Contact`. Once you click the link, the sentence "Contact me on this page" should replace whatever other content was under the navbar previously.

README.md

@@ -0,0 +1,14 @@
+# React Player Example
+
+An example of how to use React Player to embed videos in react pages
+
+## About this React app
+
+This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
+
+## Setup
+
+1. Open the built-in terminal
+2. Run `npm install` to add the `node_modules` folder
+3. Run `npm start`
+4. Click the "Open Development server" in the bottom status bar to view the running react app in the browser.