diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000000000000000000000000000000000000..496ee2ca6a2f08396a4076fe43dedf3dc0da8b6d
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+.DS_Store
\ No newline at end of file
diff --git a/388a_code_examples/first_react_app.html b/388a_code_examples/first_react_app.html
new file mode 100644
index 0000000000000000000000000000000000000000..8841bf0377f6968f66701a06c3ee80ff9bb20ac6
--- /dev/null
+++ b/388a_code_examples/first_react_app.html
@@ -0,0 +1,21 @@
+<!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>
+</head>
+
+<body>
+ <script type="text/babel">
+ ReactDOM.render(
+ <h1>Let's go Terps!</h1>,
+ document.body
+ );
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/388a_code_examples/first_react_app_v2.html b/388a_code_examples/first_react_app_v2.html
new file mode 100644
index 0000000000000000000000000000000000000000..639ecd3e53d9cae0813ae427c622231b50bf4f72
--- /dev/null
+++ b/388a_code_examples/first_react_app_v2.html
@@ -0,0 +1,33 @@
+<!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>
+ #container {
+ padding: 50px;
+ background-color: #EEE;
+ }
+ #container h1 {
+ font-size: 144px;
+ font-family: sans-serif;
+ color: #0080A8;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="container"></div>
+ <script type="text/babel">
+ ReactDOM.render(
+ <h1>Let's go Terps!</h1>,
+ document.querySelector("#container")
+ );
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/388a_code_examples/first_react_app_v3.html b/388a_code_examples/first_react_app_v3.html
new file mode 100644
index 0000000000000000000000000000000000000000..4125314807167a01422ca1fcb52e34da7f822377
--- /dev/null
+++ b/388a_code_examples/first_react_app_v3.html
@@ -0,0 +1,36 @@
+<!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>
+ #container {
+ padding: 50px;
+ background-color: #EEE;
+ }
+ #container h1 {
+ font-size: 144px;
+ font-family: sans-serif;
+ color: #0080A8;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="container"></div>
+ <script type="text/babel">
+ var destination = document.querySelector("#container");
+
+ ReactDOM.render(React.createElement(
+ "h1",
+ null,
+ "Let's go Terps!"
+ ), destination);
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/388a_code_examples/skeleton.html b/388a_code_examples/skeleton.html
new file mode 100644
index 0000000000000000000000000000000000000000..ce07f63e19d08a84b243591a2c95f1b07a4ec57a
--- /dev/null
+++ b/388a_code_examples/skeleton.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+ <meta charset="utf-8">
+ <title>cmsc388a winter 2019</title>
+</head>
+
+<body>
+ <script>
+
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/388a_code_examples/skeleton_with_script_tags.html b/388a_code_examples/skeleton_with_script_tags.html
new file mode 100644
index 0000000000000000000000000000000000000000..84777908d21afa6bf6ff2d7641765ec140c06500
--- /dev/null
+++ b/388a_code_examples/skeleton_with_script_tags.html
@@ -0,0 +1,18 @@
+<!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>
+</head>
+
+<body>
+ <script>
+
+ </script>
+</body>
+
+</html>
\ No newline at end of file