IT Professional · Raleigh, North Carolina

Welcome!

My name is a Terrance Ford and I'm an IT professional based in Raleigh, North Carolina. The projects below use various technologies such as React.js, Vanilla Javascript, HTML, CSS, PostgreSQL, Node.js, and several others. More simple apps are hosted on Github pages as others are hosted on Netlify for the front-end, Heroku for the back-end, and Neon for the database.

Terrance Ford portrait

Currently

Building network labs and researching AI workflows

The October Lab (Linux, GLBP, IPSEC, DMVPN, NAT, eBGP, OSPF, EIGRP)

Hands-on networking lab built with VMWare Workstation Pro, GNS3 server, and Cisco CML.

View lab story
October lab topology

Each site communicates securely over an IPsec DMVPN tunnel with GLBP at the core and services like RADIUS, DNS, and DHCP running on Linux.

Featured Projects

Applications & UI builds

Meet Terrance
Medical Spa Clinic Concept
Project #1 Live

Medical Spa Clinic Concept

Built a premium, conversion-focused website for a luxury Med Spa brand with dedicated pages for services, locations, memberships, reviews, gallery, and a blog. The experience is designed to turn visitors into consultation requests with prominent CTAs, a streamlined booking flow (including a modal), and clear trust-building content throughout. The site is structured to support long-term local SEO growth with city-specific landing pages, service detail pages, and an educational resource hub. It’s fully responsive, fast, and accessibility-minded, with polished visuals, consistent branding, and strong on-page credibility messaging.

ReactJavaScriptNodeTypescript
Roofing Company Concept
Project #2 Live

Roofing Company Concept

I designed and built a premium roofing company website (TF Roofing & Exteriors) to look and behave like a real high-end contractor brand and convert visitors into leads. It’s a production-ready Next.js (App Router) site using TypeScript and Tailwind CSS, with reusable components and templates for services and city/location SEO pages. The site is built around conversion: a sticky header with “Call” and “Free Estimate,” a mobile CTA bar, and an estimate form that appears in the homepage hero, on the contact page, and in a modal with a clean success message. It also includes a dedicated “RoofCare 300” ($300/month) maintenance plan landing page with clear benefits, a comparison table, and a simple signup flow. SEO basics are covered (unique metadata, OpenGraph, sitemap/robots, and LocalBusiness JSON-LD), and the UI is responsive, fast, and accessible with modern typography, strong contrast, and subtle interactions.

ReactJavaScriptNodeTypescript
Landscaping Company Concept
Project #3 Live

Landscaping Company Concept

TF Landscaping is a modern, responsive demo website that showcases a complete small-business marketing build: a bold hero with clear calls-to-action, service listings, project gallery, testimonials, and an About page. It highlights production-ready Next.js (App Router) + TypeScript + Tailwind styling, smooth UI interactions, SEO-friendly metadata, and a validated contact form with a backend API route for handling submissions. Placeholder content and imagery are used to demonstrate design and development skills in a realistic landscaping business scenario.

ReactJavaScriptNodeTypescript
Solo Realtor Concept
Project #4 Live

Solo Realtor Concept

This project showcases a premium, conversion-focused personal website concept for a solo real estate agent. It demonstrates a modern Next.js (App Router) build with TypeScript and Tailwind CSS, including responsive UI, reusable components, and polished page layouts. The site includes mock listings, lead-capture forms with validation and an API route, plus SEO essentials like metadata, Open Graph tags, schema markup, sitemap, and robots.txt. All content and properties are placeholders for portfolio demonstration purposes.

ReactJavaScriptNodeTypescript
FULL STACK React Workout-app
Project #5 Live

FULL STACK React Workout-app

This web app is primarily made for mobile devices. A user can make an account with an email and 8-20 character password. The user can then sign in, create workouts, track sets, and enter in repetitions. Users can delete and update workouts/exercises as well. User passwords are encrypted with bcrypt. The API for this app is hosted on Heroku, the Postgres database is hosted on Neon, and the front of this app is hosted on Netlify.

HTML5Tailwind CSSJavaScriptExpress JS
FULL STACK React Tasks/Notes App
Project #6 Live

FULL STACK React Tasks/Notes App

This app was the first app I created after getting my tech degree from Treehouse. It is a CRUD app that users can track tasks in. A user can make an account with an email and 8-20 character password. The user can then sign in, create a task and then add in details such as a description, time, and date. Users can also edit and delete their tasks/to-dos. The API for this app is hosted on Heroku, the Postgres database is hosted on Neon, and the front of this app is hosted on Netlify.

HTML5Tailwind CSSJavaScriptExpress JS
Interactive Form
Project #7 Live

Interactive Form

This project is a web form that is responsive to user input in real time.

HTML5CSS3JavaScript
Object Oriented Game Show
Project #8 Live

Object Oriented Game Show

This project is made with ES6 object oriented programming, it allows the user to input letters with a mouse or keyboard to guess the letters of a random phrase.

HTML5CSS3JavaScript
Color Guessing Game
Project #9 Live

Color Guessing Game

This rgb color guessing game was inspired by a project from a course I took, however all of the code was written by me. To play the game, you must click the correct square color based off the CSS rgb color numbers at the top of the screen. The score is determined by the difference between the number of squares clicked and the total squares on the screen, depending on the selected game mode.

HTML5CSS3JavaScriptNode.js