Homepage for Harald Lønsethagen

www.haraldoo.no My personal homepage suppose to showcase various projects I have been a part of. Still alot of work to be done, but the bare fundamental have been implemented. My vision is to incrementally update the page so that in the far future my homepage will be cool with many interesting projects.

Prerequisite

• npm version: >=6.4.1
• node.js version: >= v8.12.0
• gulp cli version: >= 2.0.1, local version: >=3.9.1

Getting started

git clone https://github.com/Haraldlons/simple-firebase-login-chat-project.git
cd simple-firebase-login-chat-project
sudo npm install

# Test if you have the environment setup successfully
gulp clean 
gulp default

Start local hosting

gulp watch

Explanation

gulp / gulp default

Development code is in 'development' folder, while generated code by gulp is stored in distribution. When running 'gulp default' files are copied from the development folder into distribution folder. Javascript files are concatenated, and css-file the same. Dependencies in node_modules are also concatonated into a single file, which is named 'script_dependencies'. Therefor the final hosted folder 'distribution' should be a fast.

gulp clean

When running gulp clean, mosts file in the distribution folder is removed.

Usefull tips

When adding a new page and controller

1. Make a new controller by making a new file called "Ctrl.js"
2. Copy the entire content of another controller as a template and delete what you don't need and rename what you should
3. Make a new html file by putting it in the html folder. The convention is that the filename should be ".html"
4. Link the new controller in the app.js. Add a ".state('', {..." section
5. Link the new controller in the scripts.json. Commas can easily f**k up stuff
6. Start "gulp watch" again