billyham / code-blog Goto Github PK

Keep your code organized in a M-V-C structure that isolates data management from presentation layer, from the controller that holds it all together.
-[ ] Apply MVC organization

Think of a useful way to use reduce. Maybe you want to put some "fun facts stats" in your footer?

• Decide on a feature to include
• Implement code with the reduce function

• Replace "Twitter" and "GitHub" text anchors with icons

Show MarkDown tags as HTML for the body text of the projects.

• Add marked.js script to the project
• Add javascript to implement marked.js on Project body text

Get the site up and running on a robust hosting platform. Be sure to keep secret tokens secure in an environment variable.

• Create a new Heroku app, and link it to your portfolio
• Get your app deployed and running on Heroku
• Create a new package.json file, or copy over package.json and server.js from the blog project
• Configure an environment variable on your production server, so the server.js file can access your token when it's running

All the colors are implemented in the theme.css script. Come up with a new theme using a dark background and neutral colors.

• Create a new palette for background and text colors
• Implement in CSS theme script
• Create a user interface function that allows the user to toggle color themes

Update your main nav so that each clickable item is a link to a different url, that is handled by a function as indicated by page.js.
-[ ] Add page.js
-[ ] Create routes.js and controllers, populate with appropriate code
-[ ] Remove functionality from elsewhere

• Flesh out text in ReadME

• I want [www.davehanagan.com] hooked up to my Heroku app, so that I don't have to explain to people how to spell "big complicated url dot com" over the phone.
• I want my root domain to redirect to the www subdomain, so people can type in either one to load my app.

Nav Bar links change to a menu icon when viewed on width-constrained windows. Currently the menu icon is centered horizontally. It should stay aligned to the right side of the screen.

• Fix menu icon alignment with CSS

Show timestamp when the user does a mouseover the relative posting date.

• Save the formatted timestamp text in the HTML node as a data property
• Add javascript mouse-over event responder function

Use templates to avoid repetition of HTML structure. Use map to convert collections of data into collections of DOM nodes.

• Identify an existing place where data is converted to DOM nodes
• Add a template
• Implement a map function

As a visitor, I want the site to use great typography, so that I have an enjoyable reading experience.

• Change the existing CSS modifications for h1 and h2 to be classes
• Set up your h1, h2, h3 elements according to a type scale.
• Include some good fonts, that work well together.

As a developer, I want my CSS styles to follow SMACSS organization, so that I know where to look for creating and editing styles.

• Identify items in layout.css that can be moved to module.css
• Clean up arrangement of CSS elements within scripts

Use map where you are transforming one collection into another.

• Identify an existing spot where a collection is transformed
• Replace forEach loop with map

Links in Nav Bar have strange layout behavior. Fix CSS to keep them in a single line instead of breaking across two lines at seemingly random moments.

• Fix CSS and HTML