Skip to content

jacob30/td-static-react-express-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

A static NodeJS and Express Portfolio site

At the time I did it this was Team Treehouse Techdegree Project 7 (td-7)

I went for exceeds grade by:

  • Changing all fonts to Arial
  • Adding box shadow and border radius to the thumbnail class
  • Added css animation zoom on hover to thumbnail class

Projects 1-3 and 5-6 have only 1 image (min required). Project 4 has 4 images as a demo that I know how to add more images and use the each operator inside PUG files.

I use a combination of interpolation and template literals as needed to dynamically generate the the text inside the PUG files, instead of hardcoding the text because it is more convenient for me to add copywriting text in one place (the JSON) than to search through the PUG file for the hardcoded text. I created a data folder and have all the user defined text / copywriting in there. I left the data.json file in the root directory since that was in the project requirements but there are two additional json files in the data folder.

I removed all the instructions from PUG files.

deploy with npm install pug-cli; node node_modules/pug-cli/index.js views/ --out ./public

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published