diff --git a/cmsc388a/projects/project1/Project1Description.md b/cmsc388a/projects/project1/Project1Description.md new file mode 100644 index 0000000000000000000000000000000000000000..ca8d4a797ecb850449b1c2b0c06adda025dd3f8d --- /dev/null +++ b/cmsc388a/projects/project1/Project1Description.md @@ -0,0 +1,10 @@ +# Project 1: Build your first react application + +## Due Date: Thursday, January 10, 2019 8:00 PM +## Objectives: To build your first react application without using any build tools and gain practice with our git workflow for distributiing course materials and submitting projects. + +## Specifications/Requirements +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 diff --git a/cmsc388a/projects/project1/main.html b/cmsc388a/projects/project1/main.html new file mode 100644 index 0000000000000000000000000000000000000000..6c4b150629832daa0b46014d315f20b8da1ea5af --- /dev/null +++ b/cmsc388a/projects/project1/main.html @@ -0,0 +1,24 @@ +<!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="h1-container"></div> + <div id="h2-container"></div> + <div id="h3-container"></div> + + <script type="text/babel"> + + </script> +</body> + +</html> \ No newline at end of file