TF logo

Terrance Ford

Terrance Ford

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.

Featured Projects

Full Stack React Workout-app

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.

Full Stack React Tasks/Notes App

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.

Random Quote Generator

Random Quote Generator

This project is a random quote generator that cycles through an array of quotes and displays them onto the DOM automatically.

Data Pagination

Data Pagination

This project displays data pagination. A maximum of 9 students are displayed at a time from an array of objects.

Interactive Form

Interactive Form

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

Object Oriented Game Show

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.

Public API Requests

Public API Requests

This project uses the randomuser api. It displays 12 people and allows the user to toggle between each person as well as search each person by name, location, or birthday. This project also features a modal.

Color Guessing Game

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.

React Gallery

React Gallery

This is a react app for the 7th project in the TeamTreeHouse-Full-Stack-Javascript-Techdegree. The data used in this app comes from the Flickr API. The composition of this app is mostly class components but I did use React Hooks where I absolutely needed it. When navigating through this application, it does take 1-2 seconds before getting a response.