jordanmuthemba.com's Introduction

Web Developer portfolio website

This is my personal portfolio website build with GatsbyJS and a small ExpressJS server.

Features

React 16.x
Gatsby framework
PWA (desktop & mobile)
Functional components with Recompose React Hooks
Frontend design by @smakosh
Amazing illustrations by Undraw.co
Express as backend framework
Socket.IO intergration (realtime online users counter & notifications)
Simple authentication system with PassportJS
Contact form with Google reCAPTCHA

Prerequirements

Latest Node.js version
GatsbyJS

How to install

The easiest way to get started is to clone the repository
Change in the root the config.js file.
Create a new file named config.js in the server folder and add the following content and adjust it:

/*
 * Webserver PORT
 */
const PORT = 3005;

/*
 * Email settings
 */
const EMAIL = '[email protected]';
const EMAIL_PASSWORD = 'your-mail-password';

/*
 * Session settings
 */
const SESSION_SECRET = 'Zsjfkrkwujskcfjskw&m';

/*
 * SSL / HTTPS settings
 * ------------------------
 * if HTTPS is true, the privateKey_path, certificate_path and ca_path MUST be correctly located.
 *
 * privateKey_path is the path where the privkey.pem file is located
 * certificate_path is the path where the cert.pem file is located
 * ca_path is the path where the chain.pem file is located
 */
const isHTTPS = true;
const privateKey_path = 'PATH_TO_THIS_FILE/privkey.pem';
const certificate_path = 'PATH_TO_THIS_FILE/cert.pem';
const ca_path = 'PATH_TO_THIS_FILE/chain.pem';

module.exports = {EMAIL, EMAIL_PASSWORD, PORT, SESSION_SECRET, isHTTPS, privateKey_path, certificate_path, ca_path};

Install NPM dependencies in the root folder and in the server folder:
npm install
Then simply start the server in the server folder by doing:
node server.js
Finally you start the app in the root folder by doing:
gatsby develop