KISMET-INC.github.IO (Portfolio Development)

Description

KISMET-INC.github.io is a website to display my work as a Full Stack Web Developer. This development project uses Node.js as a backend environment, NPM as a package manager, Gulp.js as a task manager and Nunjucks as a templating engine to generate the final HTML5, CSS, and Javascript files.

What I Learned From the Template

This project uses SCSS for its stylesheets. The each individual section of the webpage has its own .scss file for me to edit. Upon compiling with Gulp.js these files are combined into a single CSS file.

Gulp also utiizes the templating engine Nunjucks to compile the final html files. It identifies the Nunjucks template variables and replaces them with snippets of code wrapped with content identifier tags such as {% block content %} or by id.

There are multiple levels of templating. The index.html file is almost entirely template variables. The template.html file stores the working template which is interpreted as a scaffolding for all the other pages.

Installation

Clone the repository down to your local drive by opening up a terminal in the folder of your choice and type the code:

git clone https://github.com/KISMET-INC/KISMET-INC.github.io.git

Download and install Node.js if you do not already have it installed on your machine. Follow the prompts provided by the Node setup engine to install.

Install GULP CLI (a task manager) globally by running the code below in your terminal.

npm install gulp-cli -g

Open the project directory with your cmd or terminal and run the following command to install all dependencies required to run the project.

npm install

From here you can directly edit the different sections of the code. To build the project in a /dist/ folder run the following code in the root directory of the project

npm start

Future Updates

In the future I plan to enhance this project with REACT making the code far more efficient, using functional components to DRY up the code base.

Contributing

I am not accepting contributions to this project at this time.

Authors and Acknowledgment

Thank you to BootStrapMade for supplying an easy to use template to launch and learn from.

Support

Any questions or comments about this repository can be emailed to kmoreland909@gmail.com.