Tyrell Bopp


Logically minded, creatively driven.

Portfolio


Take a look over here!
More working projects on my My GitHub page...

About


Front-end web magician chasing after my coding dreams. I'm wildly passionate about building pixel-perfect websites and relentlessly curious of the synergies between people and technology. I aim to develop beautiful, simplistic websites that not only solve complex problems but also communicate the right message.

Coming from a diverse IT background, I've worn a few hats and I've worked with various customers, both internally and externally. My experience has enabled me to bring a unique perspective to web development - One that is intuitive, customer-centric, and practical.

As a Cincinnati native and Austin transplant, I moved across the country to pursue my dream career. Despite the inherent challenges of doing so, it's been the best decision of my life. I'm energized by ambiguity, so continuously learning, growing, and challanging myself is what I live for.

When I’m not building websites, I might be spending time with friends or family, but I’m probably taking a road trip somewhere. I’m addicted to traveling, being outdoors, and exploring new places - it's how I recharge. I've found that I'm at my absolute best when I'm outside of my comfort zone so I push myself to be there often.

Skills




Contact Me



US Census Data Visualization


Technologies used:
JavaScript, Node.js, Express.js, Charts.js, MySQL, AJAX, Sequelize ORM, Bootstrap, CSS3. The web app is built in adherence to MVC architecture and deployed on Heroku with JawsDB.
Description:
This web app allows users to search for any American city and view a data visualization of that city's demographics based on statistics from the United States Census Bureau. The US Census Bureau collects a plethora of data regarding America's demographics but the bureau doesn't always provide tools to easily navigate and analyze its datasets. Our project utilizes a comprehensive July 2009 dataset that hasn't previously been incorporated into any kind of data visualization tool.

Click here for a live demo, or check it out on GitHub.

Close Project

Eat-Da-Burger!


Technologies used:
JavaScript, Node.js, Express.js, Handlebars.js, jQuery, AJAX, RESTful web app. MySQL database stores the burger information using a homemade ORM. The web app is built in adherence to MVC architecture and deployed on Heroku with JawsDB.
Description:
Eat-Da-Buger! is a very simple, interactive burger ordering web app that updates a MySQL database with burger order information. New burgers with custom names can be added and be categorized as either "Devoured" or "Hot'n Fresh".

Click here for a live demo, or check it out on GitHub.

Close Project

Train Scheduler


Technologies used:
JavaScript, Moment.js, jQuery DOM manipulation, Firebase, Bootstrap, Google Fonts, CSS3, Responsive Design.
Description:
Train Scheduler is a very simple responsive website that allows you to add train information to a leaderboard (stored in a Firebase DB), which in turn helps you to determine current and future departure times (via Moment.js logic). New trains can be added by entering the required information on the site.

Click here for a live demo, or check it out on GitHub.

Close Project

Clicky (memory card) Game


Technologies used:
React.js, JavaScript ES6, CSS3 (scale transform, box shadowing, & Flexbox), Responsive Design. Event handling by use of custom logic and stateful components. The web app is built in adherence to MVC architecture and is deployed on GitHub pages.
Description:
Clicky is a single-page, responsive web app that is a memory card game where the user must click each of the 12-cards once without clicking the same card twice. The game keeps score at the top of the page and automatically resets after a loss (when a card is clicked twice). I've always been a huge Simpson's fan so I decided to theme the site in honor of the show.

Click here for a live demo, or check it out on GitHub.

Close Project

Gratify


Technologies used:
Full MERN stack web application: React.js, Redux, JavaScript ES6, Express.js, Node.js, Mongoose ORM, MongoDB, AJAX, RESTful web app, Material-UI components, CSS3, Responsive Design. Custom built user authentication with hashed passwords and email verification of account setup including token assignment. The web app is built in adherence to MVC architecture and is deployed on Heroku with mLab.
Description:
Gratify is a productivity-based, single-page, responsive web application designed for collaborative task management. Users can sign-up for an account and verify account creation via email. Once a user is signed-in, an unlimited amount of task lists can be created along with individual tasks on each list. Future versions of the site will include task assignment and auto-delegation logic to help users manage tasks collaboratively in a timely manner.

Click here for a live demo, or check it out on GitHub.

Close Project

Recent Work


Currently working for a company called Kasasa where I help build modern, fully mobile responsive websites for local financial institutions (banks and credit unions), helping them compete with the larger, national banks. Every site is custom and built from the ground up via collaboration with in-house design and copywrite teams. A few live examples include:


Technologies used:
JavaScript, JQuery, HTML5, CSS3, Bootstrap, Twig (for PHP), PHP based Content Managment System with creation of custom varients & code blocks for content.

Close Project