Jeff Seemann's Website

Website highlighting research done by Jeffrey Seemann.

Technology Stack

Don't worry, knowledge of php is not required for this project. It's just how the headless-CMS is set up, but it can be edited with absolutely no coding! Before working on this project, you should be familiar with the following protocols, projects and technologies:

• ESLint
• Directus
• Git
• MySQL
• Node.js
• Npm
• React
• React Router
• Redux
• Redux Thunk
• SSH Encryption

Set Up

Project set up should be operating system independent. Please contact the lead developer or update the documentation if set up varies by machine.

Software Prerequisites

Digital Ocean has great tutorials and might help with installing the required technologies. Please have the following installed on your machine:

• Composer
• Git
• MySQL
• Nginx
• Node
• Php

Add SSH Key to your GitHub Account

Before trying to clone the repository, ensure you have a public/private key pair generated on your machine and added to your GitHub account.

Clone the Repositories

The CMS is a git submodule so you'll need to clone two repositories.

git clone --recurse-submodules git@github.com:SquaredLabs/jeffseemann.uconn.edu.git

Install Dependencies

cd jeffseemann.uconn.edu/
npm install

Create a database locally:

If you are having difficulties logging in, look up a Digital Ocean tutorial! You'll use this database name later.

mysql -u $USER -p
create database jeffseemann;
quit;

Seed initial data and assets:

Get an initial dump of Jeff's website to import. Download image assets and place in jeffseemann.uconn.edu/cms/storage/.

gunzip jeffseemannDatabase.sql.gz
mysql < jeffseemannDatabase.sql

Install required php packages:

These are just some of the required php packages. If you have to install more, please add them here. Refer to the documentation or logs for troubleshooting.

sudo apt install php7.1-gd
sudo apt install php7.1-xml

Set up Nginx

Copy the default file from the Directus respository into the file jeffseemann. See file path below. Optionally, you could create this file in /etc/nginx/sites-available/ and create a symbolic link to /etc/nginx/sites-enabled/. Change the line root /var/www/html; to root /home/$USER/jeffseemann.uconn.edu/cms, where $USER is the name of your machine. Remove the line include pagespeed.conf; from the file. Change the line server_name localhost; to server_name jeffseemann.test; since you'll probably be using localhost for something else. Change the line fastcgi_pass unix:/var/run/php5-fpm.sock; to fastcgi_pass unix:/var/run/php/php7.1-fpm.sock; or with whichever version of php you are using and the appropriate file path.

sudo vim /etc/nginx/sites-enabled/jeffseemann

Update your hosts file to include your recent addition. Add the line 127.0.0.1 jeffseemann.test.

sudo vim /etc/hosts

Give nginx/php the ability to write to this folder. Change owner of repository to your user.

chmod -R 775 ~/jeffseemann.uconn.edu/cms/
sudo chown -R $USER:www-data ~/jeffseemann.uconn.edu

Install CMS dependencies

After doing this, navigate to jeffseemann.test/login.php in your browser to see the CMS.

cd cms/
composer install

Launch Project

cd jeffseemann.uconn.edu/
npm start