This web app connects with Strava using Oath and features different ways to use and view athlete data.

For the code and list of technologies and APIs, follow the Repo link. Follow the Web App link below to see this app live and scroll down the home page for more in depth feature descriptions and usage. If you're an athlete, click the "Connect with Strava" button in the top right to get started!

Current features include:

• Events: users can add and favorite Events. Each Event will show specific data such as starting elevation and timezone with offset based on the event location and date using Google location services. As the event grows near, it will show weather forecasting for the location on the event day, using Open Weather Maps
• Power at Altitude: Calculates your FTP based on your training location and event altitude.
• Weekly Stats: Calculates an athletes cumulative stats for the week.
• Activity Search: Anyone that uses Strava knows searching their past activities is hit or miss. This uses MongoDB aggregation and text indexing to accurately return all activities that match the search. It also lets you download the activities to a CSV for further examination.

This is a data center asset tracking tool that goes way beyond spreadsheets. The point was to make it easier to use the tool as the equipment is received and installed because, the reality is, nobody has time to go back and documents things.
I designed it using three main collections, Locations, Assets and Systems. This allows equipment to be treated as commodity while not losing what makes each System unique. It has Search and Reporting capabilities that allow data to be easily exported and utilized by other departments.

It currently uses:

• Node.js and Express for the server and includes such npm packages such as Passport, Moment.js and many more.
• Mongodb and Mongoose for data storage and models.
• Front end is primarily server rendered templates using Handlebars, Bootstrap and jQuery
• For the future, I hope to move to a React front end to allow for easier customization of the configuration output scripts

I started out publishing Just-fns, a collection of cycling related functions I was sharing between a few projects and have since built a number of utilities and components.

• Just-fns cycling data related, such as calculating TSS based on FTP and Time.
• @hypersprite/toggle-state-rp is a render prop for handling state instead of using HOCs.
• google-drive-source is a CLI for syncing Google Drive files with gatsby blogs.
• @hypersprite/hs-utils is a CLI for managing local repo tasks.

A project to build an Image Transformation library that converts color to grayscale and rotates an image. It is built with React, Canvas, Typescript and Semantic-ui. The primary point is the API library, while the front end was built to show how it could be used.

Creating new and migrating existing components for A Race athlete. This effort will move the UI to Material-ui v1 as well as unify the styling system using JSS.

This is an exploration of setting up ReduxForm for easy reuse and React styling using Bootstrap and Sass. The two main types of forms are "Edit in place" and "Wizard". Edit in place style allows the user to update their user profile without loading a whole form. The Wizard style reveals each form element as the form is filled out and displays earlier elements allowing for review before submitting. This is built using Create React App, Redux, React-Bootstrap, Redux-Form on a free Heroku dyno (so it may start up a bit slow).

This is the Portfolio Project you are looking at right now. It is library/framework free (although it does have Normalize.css to get all the browsers on the same page). Make sure you click the magic wand in the lower right hand corner.

This in part of the Intermediate Front End Developer Projects section. The task is to make a random quote display, have a button to get a new quote and a button to tweet the quote. In addition to the requirements, I also added a random background image from Unsplash.

In Progress: I love highlightjs and wanted to work on a theme that looks like my Sublime Text theme. Meanwhile, I switched to the Atom editor and imported my theme, that can be found in here as well.