Past Projects (way back when)

So You Think You Can France

French City Guide Resource & Blog

screenshot of So You Think You Can France UI Full site | View on GitHub
  • React/Hooks, Firebase Firestore (data)
  • The latest rebuild of a website I'd previously built on Squarespace
  • Data gathered from past teaching assistants all over France
  • App uses an API to fetch data from Firebase Firestore to render upon search

Ladies Code Collective

Website for podcast and online community

screenshot of Wellbean UI Full site | View on GitHub
  • JavaScript ES6, HTML, CSS
  • Interval to switch out the main banner images for slideshow effect
  • Podcast episodes rendered dynamically from object with podcast data
  • Email newsletter signup functionality via ConvertKit

Wellbean

App reminding users to stay in touch with loved ones

screenshot of Wellbean UI Full site | View demo on GitHub
  • JavaScript ES6, Firebase Firestore & Authentication, HTML, CSS
  • Employs use of timing logic to check current time against user's desired reminder frequency
  • When timer expires, each contact list item turns red with the ability to reset the timer
  • Vanilla JS for front-end, Firebase Firestore as back-end/database

Letters from Nelson

Interactive landing page for an email newsletter

screenshot of Letters from Nelson landing page Full site | View on GitHub
  • JavaScript ES5, HTML, CSS
  • Random idea generated from an array of listed ideas on each click
  • DOM manipulation, separation of concerns using modules and functions
  • Mobile-responsiveness

Three To-Do's A Day

To-do list with maximum of three items each day

screenshot of Three To Do's A Day website Full site | View on GitHub
  • This project was created using HTML, CSS, & JavaScript
  • List items render below the input form
  • App only allows for three list items (more than three items will not be accepted)
  • Includes empty state that prompts user to enter item into form

Travel-Go-Budget

Random off-the-grid travel tip generator

screenshot of Travel-Go-Budget website Full site | View on GitHub
  • This project was created using HTML, CSS, & React
  • When the button is clicked, it randomly generates a budget-friendly travel destination idea.