From bfcd76f7fc8a1a76c11595556eda4a058962939e Mon Sep 17 00:00:00 2001 From: Andrej Rasevic <andrej@rasevicengineering.com> Date: Tue, 8 Jan 2019 10:46:28 -0500 Subject: [PATCH] adding project1 for cmsc388a --- .../projects/project1/Project1Description.md | 10 ++++++++ cmsc388a/projects/project1/main.html | 24 +++++++++++++++++++ 2 files changed, 34 insertions(+) create mode 100644 cmsc388a/projects/project1/Project1Description.md create mode 100644 cmsc388a/projects/project1/main.html diff --git a/cmsc388a/projects/project1/Project1Description.md b/cmsc388a/projects/project1/Project1Description.md new file mode 100644 index 0000000..ca8d4a7 --- /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 0000000..6c4b150 --- /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 -- GitLab