#Portfolio Project
This is a redesign of a portfolio project taught by Simo Edwin. I wanted to demonstrate how adding Sass, could add scalability to even simple HTML projects.
- Edwin's Creative HTML & CSS3 Course
- Working with Npm
- Working with Sass
- Images of model - pngwing.com
- Other images - pexels.com
To initialize a Sass project
npm init
To install the node file directory
npm install node-sass
or to add dependencies to your .json file
npm install node-sass --dev-save
The .json file has the following code:
"Scripts": { "compile:sass": "node-sass sass/main.scss css/styles.css -w"; }
So, when you run the npm run compile:sass command
, you can watch for changes in the code and automatically generate a single style.css
file from your Sass code.
To run 'Live-Server', simply type the following command
live-server