diff --git a/cmsc388a/code_examples/first_componenet_with_props.html b/cmsc388a/code_examples/first_componenet_with_props.html
new file mode 100644
index 0000000000000000000000000000000000000000..d14f0b0f0a76260f83d84f1718379bf23b009672
--- /dev/null
+++ b/cmsc388a/code_examples/first_componenet_with_props.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+ <meta charset="utf-8">
+ <title>cmsc388a winter 2019</title>
+ <script src="https://unpkg.com/react@16/umd/react.development.js"></script>
+ <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
+ <script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script>
+ <style>
+ </style>
+</head>
+
+ <body>
+ <div id="container"></div>
+ <script type="text/babel">
+
+ class HelloWorld extends React.Component {
+ render() {
+ return <p>Hello, {this.props.greetTarget} </p>
+ }
+ }
+
+ ReactDOM.render(
+ <HelloWorld greetTarget="Nikola"/>,
+ document.querySelector("#container")
+ );
+ </script>
+ </body>
+
+</html>
\ No newline at end of file
diff --git a/cmsc388a/code_examples/first_component.html b/cmsc388a/code_examples/first_component.html
new file mode 100644
index 0000000000000000000000000000000000000000..d4430efcbe32cd46f88ef82653221f120efd8746
--- /dev/null
+++ b/cmsc388a/code_examples/first_component.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+ <meta charset="utf-8">
+ <title>cmsc388a winter 2019</title>
+ <script src="https://unpkg.com/react@16/umd/react.development.js"></script>
+ <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
+ <script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script>
+ <style>
+ </style>
+</head>
+
+ <body>
+ <div id="container"></div>
+ <script type="text/babel">
+
+ class HelloWorld extends React.Component {
+ render() {
+ return <p>Hello, new world with components!!</p>
+ }
+ }
+
+ ReactDOM.render(
+ <HelloWorld/>,
+ document.querySelector("#container")
+ );
+ </script>
+ </body>
+
+</html>
\ No newline at end of file
diff --git a/cmsc388a/projects/project1/Project1Description.md b/cmsc388a/projects/project1/Project1Description.md
index ca8d4a797ecb850449b1c2b0c06adda025dd3f8d..438b6653046415fc84ffab90dbdb0f2d9af273c6 100644
--- a/cmsc388a/projects/project1/Project1Description.md
+++ b/cmsc388a/projects/project1/Project1Description.md
@@ -7,4 +7,4 @@
1. Starting with the `main.html` starter file we have provided you with add the code to add a H1 element to the `h1-container`, a H2 element to the `h2-container` and a H3 element to the `h3-container` element.
2. Additionally, provide css rules inside of the `style tag` element so that the same padding and back-ground color appears in all 3 containers but that the text inside of each container is a different size and color. You should only have 4 css rules inside of the style tag.
-Note: You can use either pure javascript or JSX syntax to create your elements. Reagrdless of which style you choose to implement your components you only need the single script tag inside of the body element we provided you with.
\ No newline at end of file
+Note: You cannot use either pure javascript or JSX syntax to create your elements. Please use just the JSX syntax we discussed in class.
\ No newline at end of file