About me
Hi! I'm Ian! And I am the best engineer coming out of Turing's front-end program. I've been coding for 2 and a half years, and I've spent the last 6 months tutoring and mentoring dozens of my peers in Turing. I've spent the last half a year diving into code bases I've never seen, comprehending them, finding their bugs, solving those bugs and teaching my peers how to solve them too, so they can improve.
I love problem-solving and taking on new challenges, particularly those that others can't solve. I strive to refine my skills at every opportunity. I've independently taught myself Python, React Native, Typescript, Redux, GraphQL, CSS Animations and so much more!
My 3rd quarter group project, Doom Scroll, placed 2nd at Turing's project competition, Demo Comp. Meaning it's the best of the best from Turing. And went up against 4th quarter projects that had twice as many people working on them for twice as long! And my 4th quarter full-stack team project, OutGrown was also voted to compete in the next Demo Comp!
I'm a highly autonomous worker and was trusted in my previous work, as a domain expert in collectibles, to invest on my company's behalf and appraise and handle 6 figures worth of rare and valuable inventory.
But I'm so much more than that! I love playing Ultimate, playing games (video games, card games, board games, you name it!), cooking with my family, biking with my grandparents, hanging with friends, and competing in the truest sense of the word! I love putting my best effort forward, seeing how it stacks up, and incorporating feedback to improve my future endeavors.
I care deeply about the work that I do, the people whose lives I make better through the products I create, and the people I have the opportunity to work with. I'm here to do exquisite work and to create something more for those who I love and the world around me.
So what do you say?! I'd love to talk. Contact me anytime!
Connect with me on:
Preferred locations
- Boulder, CO
- Broomfield, CO
- Louisville, CO
Previous industries
Skills
Currently learning
Projects
OutGrown
OutGrown
Tools Used
Outgrown was selected to compete in Turing's Demo Comp project competition! Meaning it's the best of the best from Turing and my second invitation to Demo Comp in two attempts after Doom Scroll!
Every parent understands the perpetual struggle of buying clothing that their children quickly grow out of, then having to figure out what to do with that old clothing that no longer fits. Outgrown aims to provide a convenient and cost-effective solution to buy, sell and exchange their children's outgrown clothing.
For this project I taught myself GraphQL as part of a full-stack team. I managed the Front-End design and architecture with React Hooks, modular file structure, and controlled form patterns. I also created the navigation and routing where the controlled form constructs dynamic routes based on it's input values and fires off GraphQL requests based on the newly routed URL on page load.
Additionally I improved E-2-E testing efficiency by constructing robust helper functions to dynamically stub GraphQL requests and built a modal component to buy and sell the clothing articles from scratch.
Doom Scroll
Doom Scroll
Tools Used
Doom Scroll placed 2nd at Turing's project competition, Demo Comp!
Doom Scroll is a React-Native app that offers an outlet for users to stay informed about natural disasters and potential asteroid threats worldwide in real-time. By providing location-based updates, users can Doom Scroll through the app and satisfy their curiosity about current events.
In just 11 days, the 4 of us taught ourselves how to use a whole new framework with ReactNative inside a whole new development environment with Expo, a new way of styling with React Native styles, a new API to create original animations with React Native's Animate API, a new navigation API, Xcode’s Simulator, Google Maps, and connected to 6 distinct endpoints… All without a debugging tool!
I worked on setting up the development environment, the project architecture and component structure, implementing React Native, incorporating the navigation API, and I created all the animations in the app from scratch. Including a model solar system with interactable orbits that also shows a red asteroid around its orbiting body. The planet orbits spin backwards when pressed, to the top of their orbit, then expand to show a doomsday fact about that planet with a countdown to when something similar might befall earth! Created with vanilla React Native styles and React Native's Animate API, both of which I taught myself to utilize.
PokePendium
PokePendium
Tools Used
Sometimes you just need some good old fashion nostalgia.
Pokependium is an application that allows a user to explore their favorite Pokemon! On load users can see a display of Pokemon that are fetched from PokeAPI. They can filter Pokemon by name and click in the navigation to see all Pokemon of the selected type. When a user clicks on any Pokemon's image they are routed, using React Router, to a details page about that Pokemon. The url updates to display a path to the Pokemon that includes all of its types and its ID. Additionally, the navigation applies an active style to all of that Pokemon's types. On the Pokemon details page, a user is greeted with a larger image of that Pokemon, along with its basic stats and its Pokedex entries from across all the mainline Pokemon games it has appeared in (which is fetched on mount).
The app incorporates a responsive layout and will change its structure to fit both large and mobile displays. It was built using functional React Hooks, asynchronous JavaScript, controlled form patterns, React Router and propTypes. It utilizes Cypress End-To-End Testing where fetch requests are stubbed with fixtures and sad paths are tested to ensure intended execution. An animated loading spinner created by hand with vanilla css and an error component are also conditionally rendered based on state.
Travel Tracker
Travel Tracker
Tools Used
This was my 2nd quarter final solo project. We had 10 days to complete the project, but I only needed 3. And that was with adding extensions to the project like a carousel and modal overlays.
Travel Tracker is an app that allows a user to see their previous travels and book new trips to a multitude of destinations. It was built using vanilla Javascript, CSS and HTML. I also incorporated a number of additional libraries like Swiper.js and Mini Modal JS.
It's included here to show that I have a granular, nuanced understanding of the core concepts of front-end work. I don't need a framework to create excellent, feature-rich, accessible, and bug-free applications.
