Cristin O'Connor Avatar

Cristin O'Connor

Front End Software Engineer

  • About
  • Blog
  • Portfolio
  • Résumé

Portfolio

GitHub Stats Card for React

GitHub | NPM | Demo

Screenshot of GitHub Stats Card for React

Summary

A simple card, with or without attached styles, to show some basic GitHub statistics for a given user.

Technologies

  • JavaScript
  • Node
  • React
  • Webpack
  • Storybook

Front End Development Flash Cards App

Summary

A flash card app specifically geared toward teaching front end development skills. The questions are pulled in from a custom-built API and MongoDB database.

Technologies

  • MongoDB (custom API)
  • Mongoose (custom API)
  • Express (custom API)
  • Node (custom API)
  • React
  • React Context API

Weather Charts App

Summary

This app lets you see a 7-day forecast including temperature, pressure, and humidity for any major U.S. city you search for. As a bonus, you can see the city rendered in satellite view in a Google Map.

Technologies

  • React
  • Redux
  • Google Maps API
  • Open Weather API
  • Bootstrap

CRISTIN.IO

Summary

CRISTIN.IO is an obvious virtual wonderland that includes a front end web development blog authored by yours truly, my résumé, portfolio (surprise!), and some general information about me and the services I offer.

Technologies

  • Gatsby
  • GraphQL
  • Styled Components
  • Node
  • React
  • Netlify
  • ButterCMS (a headless CMS)

YouTube Search App

Summary

Search for and watch content from YouTube.

Technologies

  • YouTube API V3
  • React
  • Bootstrap

CenturyLink Small Business

Summary

Built using a proprietary component library, this website searches for service in a user's zip code and updates content based on product availability along with showcasing small business products. Please note I cannot provide the repository link because it is private.

Technologies

  • Component-based architecture
  • Responsive design
  • SCSS
  • Handlebars
  • JavaScript (ES6)
  • PHP

© 2021 Cristin O'Connor

Built using Gatsby and Emotion

BLOG POWERED BYButterCMS