devoncrawford/personal-website

Node js version of my personal website. This is still in early development and is not the live version of the site.

Personal-Website

Node js version of my personal website. This is still in early development and is not the live version of the site.

Get started

• Install node js on your machine
• cd to root directory, type "npm install" for dependencies
• type "npm run dev" to start the server
• Go to http://localhost:8080

Main server file

app.js

Routing

All api requests go through /api/

All front end and static requests go through / (root)

Meaning if you go to localhost:8080/software it will take you to the software page with html, css, javascript etc.. but if you go to localhost:8080/api/software it will not grab html.. the route assumes you are trying to access an api functionality

HTML Pages

All html pages are in the /views/pages/ directory. These are ejs files which call partials in ejs to include html in other pages.

Static Files (CSS, Javascript)

/static/ directory

When an html page links to a stylesheet or some script, express serves the Static files in the /static/ directory within the same direcory it is called inside of the /views/pages/ direcory.

For example:

/views/pages/software/index.ejs has a stylesheet href="css/page.css"

Since express serves our static files for us it actually grabs the css from

/static/software/css/page.css

This makes it easy to use relative addresses in hrefs of html files, so long as you continue this directory structure of placing static files in /static directory and the html in the views/pages/ directory and the reusable html in the /views/partials/ directory

personal-website's Issues

Navbar intersecting with Contact page title.

Just a quick issue, not a big deal :)

Btw. this is on a laptop.
Browser is fullscreen and screen size: 1366x768

Should I run "npm audit fix"?

Will npm audit fix cause any Problems?

Suggestion: The GitHub API can be called purely using JavaScript

If you wish to update the GitHub repository data on your website in realtime, the GitHub API can be called purely using JavaScript on the client, with a simple XMLHttpRequest. For example:

function request(url, func) {
	var request = new XMLHttpRequest();
	request.open("GET", url, true);
	request.onreadystatechange = function() {
		if (this.readyState === 4 && this.status === 200) {
			func(this.responseText);
		}
	};
	request.send();
}

request("https://api.github.com/users/DevonCrawford/repos", function(result) {
	var json = JSON.parse(result);
	console.log(json); // here is your data
});

I just wanted to mention because I like your channel and I thought this might save you some time.

Store accesstoken in environment variable on the server.

At the moment i could use your accesstoken in my project also.

Personal-Website/app.js

Line 56 in 198cd6c

"uri": "http://api.ipstack.com/" + ip + "?access_key=7a580c7a660c0e54158725e9c8aaff6d",