Profile picture

Bruce Gordon

Front End Developer
Open Resume Email Directly

About me

I am a software developer and graduate of the Turing School of Software and Design in Denver, CO. In addition to front end technical skills, I also have professional skills, leadership experience, and a love of learning developed throughout my previous career as an educator and school leader. My entire professional life has involved a strong reliance on technology, including an array of educational apps, which sparked my curiosity and facilitated my transition into the world of tech. I am seeking an opportunity to apply my professional experience and technical abilities to an energetic and creative team. 

Preferred locations

  • Denver, CO
Open to remote work

Previous industries

  • Education Management
  • Primary/Secondary Education

Skills

  • CSS3
  • HTML5
  • JavaScript
  • React
  • Redux
  • Sass

Currently learning

None specified

Projects

Garden Share

Garden Share

Contribution time hours
Collaborators Profile picture for Joshua Carey Profile picture for Dani Coleman Profile picture for Christopher Allbritton Profile picture for Aaron Townsend Profile picture for Chadrick Dickerson

Tools Used

  • CSS3
  • Heroku
  • JavaScript
  • React
  • Redux
  • Sass

Garden Share is an informal marketplace for users to trade their homegrown produce. Each user can create a Listing to offer something they have grown, view Listings from other users, make an Offer an a viewed Listing, and either accept or reject the Offers that they receive. Once an offer is accepted, both users involved receive each other's email so they can make the trade.

This project consumes an api that was created by the backend members of my group.

This project was completed with my group as the final Capstone project for Turing. After the official submission, I continued work on this project individually to:

  • Refactor CSS code by utilizing Sass
  • Create a more consistent style across all components
  • Add images and color for a more vibrant UX/UI
  • Implement cookies to store user data after authentication
  • Refactor code in the async logic for accepting/declining offers
Launch the App Code Repository
Screenshot detail for project Garden Share
Screenshot thumbnail #1 for project Garden Share Screenshot thumbnail #2 for project Garden Share Screenshot thumbnail #3 for project Garden Share

Superpedia!

Superpedia!

Contribution time hours
Collaborators

Tools Used

Superpedia utilizes the api provided by ComicVine, which links to their database of comic book characters. Superpedia allows users to search for a range of comic book characters by name, view results, save results, and get more detailed information about each of their results. The user may save a characet to their "Saved Supers" to revisit later.  This app is ideal for anyone newly introduced to comic book lore via film and television, or for a returning fan looking for more details about a favorite character.  This project utilizes React with Hooks, Sass, JavaScript, Router, and Jest. 

My areas of focus:
- Effective, efficient, modular React architecture- Apply hooks- Thoroughly test all React components- Create a consistent and user-friendly design with Sass styling- Successfuly work with api and asynchronous JavaScript

Launch the App Code Repository
Screenshot detail for project Superpedia!
Screenshot thumbnail #1 for project Superpedia!

Course Registration - San Junipero University

Course Registration - San Junipero University

Contribution time hours
Collaborators

Tools Used

  • CSS3
  • Express
  • JavaScript
  • Jest
  • Node.js
  • React
  • Sass

This project simulates course enrollment for a university. "Student" users log in with a provided id. They can view their schedule of courses, add a course, or remove a course. Conditional rendering differentiates enrolled courses from available courses when viewing the course catalog on the main homepage.

In addition to this UX/UI, I also created the server and api endpoints using Node.js and Express.

This project was completed in three days and involved:

  • Wireframing/planning
  • Learning node/express
  • Building the server and testing endpoints in Postman
  • Building out the UX/UI and all React components
  • Unit Testing

Tech Stack:

  • Node.js
  • Express
  • JavaScript
  • React with Hooks
  • Router
  • CSS and Sass
  • Jest
  • React Testing Library
Code Repository
Screenshot detail for project Course Registration - San Junipero University
Screenshot thumbnail #1 for project Course Registration - San Junipero University Screenshot thumbnail #2 for project Course Registration - San Junipero University Screenshot thumbnail #3 for project Course Registration - San Junipero University

MoodyTunes

MoodyTunes

Contribution time hours
Collaborators Profile picture for Demaceo Howard Profile picture for Scott Brabson

Tools Used

  • CSS3
  • React
  • TypeScript

Moody Tunes is a music recommendation engine that provides music recommendations based on a user's mood. Users are able to save songs into their 'Favorites' and view the information at a later time, or play the song directly from Spotify.Moody Tunes is a SPA built with React and TypeScript, and is a group project for Mod 3 front end engineering students. The project seeks to challenge the totality of learning of students up to this point, pulling together their core-stack knowledge of HTML, CSS, JS, DOM interaction and TDD (test driven development), and extending that knowledge to build out a React app and incorporate a new technology - in this case TypeScript.The project emphasises React fundamentals, such as state management/synching across components, and the flow and management of asynchronous operations (both in production code, and inside of testing suites), pushing students to think carefully and critically about component architecture and modularity, and expected user flow and behavior. The nature of the project encourages employing professional 'soft' skills in the planning and project management stages - utilizing wireframing and mind-mapping, and managing project workflow with Issues and PRs through the Agile methodology on GitHub Project Board.

My areas of focus:
My primary areas of focus for MoodyTunes include:- Learning/implementing TypeScript- Applying React Hooks- Test-driven Development- Effective UX/UI with a clear design- Productive and professional workflow

Launch the App Code Repository
Screenshot detail for project MoodyTunes
Screenshot thumbnail #1 for project MoodyTunes