Hello world πŸ––πŸ»
I'm Steph, a web developer & librarian.
I dance at my standing desk.
Β  Β Β  Β Β  Β 

about stephanie

I am a solutions-oriented web developer, dedicated to problem solving and clean design.

I am "a victim of a series of accidents, as are we all.”

Kurt Vonnegut

I have been using HTML and CSS since I was a teenager, making personal websites in my parents basement at all hours. Having been scared away from developing by stringent math requirements, I kept up the hobby of coding through the years and worked jobs in marketing, college admissions, partnership success, and project management.

Due to a COVID related layoff, I decided to reassess my life goals and enrolled in a full stack software engineering bootcamp in 2020. I'm currently a full-time reference librarian and part-time freelance web developer.

Let's make something together!


When I'm not working at the library, working on freelance projects, or taking care of my diabetic pets, I can be found on bike, in a kayak, or reading in a hammock.

steph, the site author, with orange hair
looking down at feet and a road bike
feet propped up on the front of a kayak, in the water
laying in a hammock, holding up a book

skills: library

  • Instruction
  • Marketing and social media
  • Reader's advisory
  • Reference research
  • Collection development

skills: software

  • HTML5
  • Python
  • Gatsby
  • JavaScript
  • CSS frameworks (Bulma, Bootstrap, Skeleton)

my work

Mongoose Flights Lab

Github Repo

Deployed Project

Description:

Lab Instructions: This 3 part lab was assigned during my General Assembly software immersion. This lab is commonly referred to as the "mongoose flights lab."

Part 1: Create a schema for the flights and implement the following user stories: Display a list of all flights on the index view, add an entry form to allow entering new flights, and create a navbar on the index view.

Part 2: Create a destination schema and implement the following user stories: Include a link to a page that displays flight deatils, include a form that allows a user to add destination information for their flight, display the destinations on the detail page.

Part 3: Create a tickets schema with a many to many relationship with the flights model, modify the details view to include an add ticket form, and edit the details views to show any tickets a user has entered.

Technologies used:
  • Mongoose,

  • Express,

  • NodeJS,

  • HTML,

  • CSS,

  • Javascript

Description:

Cast Mash takes two actors and "Mashes" them together to find out what movies they've both been in. The project was thought up, designed, and programmed in 5 days.

Group project organized by General Assembly involving software engineering and UX bootcamp graduates.

Needs improvement on front end design. Limited 5 day window for construction.

Technologies used:
  • React,

  • Axios,

  • Figma,

  • Movie Database API,

  • HTML,

  • CSS,

  • Javascript

Description:

Hello from team Skeletonic. In a world of increasing distractions, complicated scheduling, and even less spare time, we kept our team's metaphorical nose to the grindstone so you can worry less about what, when and how long. Instead, you have more time, more fun, and more variety in your life. Thanks Free Time Fixer!


This was a group project in my coding bootcamp.

My role on this project was as the SCRUM master and front end designer.The design is simple on purpose, so as not to distract the user in any way. We wanted the web app to be minimal, efficient, and effective.

Technologies used:
  • Bulma CSS Framework,

  • Python,

  • Django,

  • PostgreSQL,

  • Heroku,

  • HTML,

  • CSS

Description:

I am a pretty avid reader with a terrible memory. I used to use Goodreads to track what books I had read, when I started reading them, when I finished them, and a quick rating. I found the social aspects of Goodreads to be really distracting -- the petty infighting in reviews, the authors constantly shilling their latest book -- and switched to using a locally saved spreadsheet. Using a spreadsheet saved to your computer to track your reading is less than ideal because:

  1. You can only use it on your computer, and

  2. It's an enormous spreadsheet with all kinds of data on it and I just keep adding more data fields to it.

When the second SEI project was building a CRUD application, I knew immediately what I wanted to do -- a private, web based reading tracker! It solves all my issues with the spreadsheet, AND it's mobile.

What a win!

Technologies used:
  • Bulma CSS Framework,

  • FontAwesome,

  • Javascript,

  • Node.JS,

  • Express,

  • Mongoose,

  • MongoDB,

  • HTML,

  • CSS

Renee Ross Books

Github Repo

Deployed Project

Description:

Simple Gatsby website for an author. Information imported and populated from DatoCMS records. Built with Doug Leinen.

Technologies used:
  • Gatsby,

  • DatoCMS,

  • SASS

Description:

A post-bootcamp group project to build an eCommerce site built for a manga illustrator to sell their merch.

Team

Technologies used:
  • Gatsby,

  • GraphQL,

  • DatoCMS,

  • Snipcart,

  • Stripe

The Library Cafe

Github Repo

Deployed Project

Description:

A front-end only website for a fake cafe. This is a minimal parallax design built to be mobile friendly, and responsive.

Technologies used:
  • HTML,

  • CSS,

  • Vanilla JS

The Sublimist - Hike Finder

Github Repo

Deployed Project

Description:

AS OF 2020 THE HIKING PROJECT PUBLIC API HAS REMOVED PUBLIC ACCESS TO THEIR API. THIS PROJECT NO LONGER WORKS.

β€œHe loved the soothing hour, when the last tints of light die away; when the stars, one by one, tremble through Γ¦ther, and are reflected on the dark mirror of the waters; that hour, which, of all others, inspires the mind with pensive tenderness, and often elevates it to sublime contemplation.”

Ann Radcliffe, "The Mysteries of Udolpho"

The Sublimest was created with love for hiking and the Romantic idea of the Sublime, to help us find experiences that take us outside of ourselves.

Using the Hiking Project API, The Sublimest helps users search for hiking trails nearby and leave reviews about them.

This is a full MERN-stack app! This was my "capstone" project in my software engineering bootcamp. It's a web app to help users find a hike near a specific zipcode. To make this project, I utilized The Hiking Project API. The search function queries the Google Maps API to find the latitude and longitude of a zipcode to feed into the API, which only uses latitide and longitude.

Technologies used:
  • Mongoose,

  • MongoDB Atlas,

  • Express,

  • ReactJS,

  • React Bootstrap UI,

  • Javascript,

  • HTML,

  • CSS