dcmar18 / omadcs_project

Assignment 03 - Constructors and Data

Required setup if not already installed (it should be)

• Install node

To get started:

• In your forked repo, create a new branch called lesson-03 or something like that
• Navigate to the root folder of this assignment within terminal in your fork, lesson03/assignment
• Run npm install
• Run gulp
• Start working with the files, browsersync will watch your scss/HTML files and reload on changes
• Use the contents of data/data.json for your data -- remember: you can copy the array into your JS file and set it to a variable to work with
• Migrate your previous SCSS/HTML from assignment 02 for your component (you can copy the corresponding files from your previous assignment to this one so you'll have the HTML/SCSS of the card set up)
• In your JS, convert the component to a template with ES6 string templating and loop through the JSON data, creating components for each object in the data
• Output the templated data onto the .template-hook section of the index.html page
• BONUS: Add to your component another section for the codeLanguages key in the data. Loop through the codeLanguages array and add the contents to your new section in the component

To Submit:

• Create a pull request for your assignment branch back to your forked master branch
• Add Patrick & I as reviewers
• Submit the pull request link in the assignment submission in Canvas