Portfolio Website V2-Overview

Process

• The first version of my portfolio website was built in 2019
• To use this website as a template for your portfolio, follow the instructions below
• Begin by choosing a color theme and collecting all of the relevant assets needed including images
• The current version uses a web3-inspired design language using colors from Material Design's dark theme guide -The original website was a clone of a public RoR site, the current website has changed substantially since V1

Portfolio Contents

• Bio
• Education
• Work History (some of, the most recent)
• Key attributes
• Portfolio content
• Contact form (inactive, available schema/logic)

Tech used and integrations

• Ruby On Rails
• JQuery
• Javascript
• Google Analytics & Tag Manager
• HTML
• SASS
• Bootstrap
• Google font API
• Font Awesome
• Mailer - Contact Mailer
• Hosting: Heroku

---

Installation

Clone the repository

git clone [email protected]:TaylorJalpha/portfolio_master
cd project

---

Verify your Ruby version

ruby -v

The ouput should start with something like ruby 2.6.3

If not, install the correct ruby version using rbenv (remain calm, it may take a while):

rbenv install 2.6.3

---

Install dependencies

Using Bundler and Yarn:

bundle && yarn

---

Initialize the database

rails db:create db:migrate db:seed

---

Set environment variables

Puma ENV Variable (current config- Puma.rb)

ENV.fetch("PORT") { 9292} 

Change to default if prefered

ENV.fetch("PORT") { 3000} 

---

Add heroku remotes

Using Heroku CLI:

heroku git:remote -a project
heroku git:remote --remote heroku-staging -a project-staging

---

Serve-Start Puma Web Server

rails s

localhost

https://localhost:3000 

Confirm ENV.fetch("PORT") { 3000} source puma.rb

---

Deploy

With Heroku pipeline (Optimal)

Push to Heroku staging remote:

git push heroku-staging

Go to the Heroku Dashboard and promote the app to production or use Heroku CLI:

heroku pipelines:promote -a project-staging

---

Heroku production (Ship it! when ready)

Push to Heroku production remote:

git push heroku 

Branch-specific push to Heroku:

git push heroku {branch-name} 

[] (https://opensource.org/licenses/MIT)