Hi, I'm Erin...

a designer and software engineer.

an anime style illustration of an woman wearing glasses, holding a cup of coffee and book with a German Shepherd dog on each side of her

Projects I've Worked On:

Front-End Development

a screenshot of the preview of the Farm Food website project

Farm Food Website is an e-commerce website for a local farm to sell their products to the community. For the first version, I designed and developed the front-end of the website. The second update I made included the functionality of the shopping feature. The code is available on my GitHub Account.

Git

GitHub

HTML5

CSS

JavaScript

Visual Studio Code


a screenshot of the preview of the Farm Food website project

Color Scheme Generator is an application that generates color schemes based on a chosen seed color and color mode, and then makes a call to the Color API to generate a color scheme. The code is available on my GitHub Account.

Git

GitHub

HTML5

CSS

JavaScript

Color API

Visual Studio Code


a preview of the Book Tracker web application a preview of the Book Tracker web application

This is my first project using JavaScript. I have created a simple book tracker that allows you to add books that you have read and delete them. Even though it was a more simple project, I learned so much about JavaScript and using persistant local storage to save data across sessions to ensure that a users' information is retained after closing the browser. Click here to see the code on GitHub.

Git

GitHub

Visual Studio Code

HTML

CSS

JavaScript


a screenshot that shows a preview of my Hundehutte web application

This is my WGU Senior Capstone Project that I built using Flutter web framework. It was inspired by my mobile app, Hundehutte that I developed with Flutter which you can see below in the Mobile Development section. I used Firebase for hosting the web app, my database, and user authentication. If you do not want to create an account, you can reach out to me via email for a test username and password.

Git

GitHub

Android Studio

Flutter

Dart

Firebase


React Projects

a web react application with three different buttons to click to go to the Korean, Spanish, or French page on the Korean language learning journal page with vobulary flash cards to practice reviewing on the Korean language learning journal page with vobulary flash cards to practice reviewing

My Language Learning Journal is a React application I built to store and practice reviewing vocabulary words for 3 different languages I am learning: Korean, Spanish, and French. The code is available on my GitHub Account.

Git

GitHub

HTML5

CSS

JavaScript

React

Visual Studio Code


a react application that displays questions for user to try and answer a react application that shows the results of the quiz after the user checks the answers

This is a React project called Quizzical. It is a an application where users can start a quiz, select their answers, and then check to see how many questions they got right. The questions are generated by making an API call to the Open Trivia Database. Click here to see the code on GitHub.

Git

GitHub

HTML

CSS

JavaScript

React

Visual Studio Code


Mobile Development

a preview of the Hundehutte mobile app initial screen a preview of the Hundehutte mobile app login screen a preview of the Hundehutte mobile app apartment search filter screen

Hundehütte is an apartment search app that helps dog owners in the Austin, Texas area find an apartment based on their dog’s breed with a focus on restricted dog breeds. With no prior knowledge on app development, completed an Udemy course, researched and became self-taught, and then designed and developed this app independently using Dart, Flutter, Firebase, and Android Studio. Now available on the Apple store.

GitHub

Android Studio

Flutter

Dart

Firebase


a preview of the Yogi Glow mobile app's display screen with just the logo a preview of the Yogi Glow mobile app's mission screen that says, 'you matter. you are loved. you are enough. you glow. a preview of the Yogi Glow mobile app's main screen with the ability to click buttons and learn about different yoga poses

Yogi Glow is a yoga learning app that helps aspiring yogis learn new poses in a fun way. With the click of a button, Yogi Glow randomly selects a new pose for our users to learn. They will learn about the benefits of each pose, step-by-step instructions, along with detailed information about each pose. I developed this app independently using Dart, Flutter, and Android Studio. Now available on the Apple store.

GitHub

Android Studio

Flutter

Dart


Python Projects

a screenshot of the preview of this Python project with it being the main page where you can select buttons to view data or add expenses to the tracker a screenshot of the Python project where you can view all the expenses from a particular month a screenshot of the Python project where you can view all the expenses by category for a particular month using a bar chart a screenshot of the Python project where you can view all the expenses by category for a particular month using a pie chart

Financial Expenses Tracker is a monthly financial expense tracker that can be run through your terminal and stores your data in a SQL database. If you want to use this for personal use, in order to keep your information private, you will need to create a free account and download the SQL database software onto your computer. Then change the username and password on the code. I hope you enjoy! Please reach out if you need assistance. I developed this program independently using Python, Tkinter interface package, Matplotlib library, and SQL. The code is available on my GitHub Account.

Terminal

Pycharm

Python

SQL

GitHub


Static Websites

a screenshot of the preview of the main page of my illustration website

My Illustration Website: A fun design website that I built to host my artwork. A static site built with HTML and CSS using the Visual Studio Code editor. The code is available on my GitHub Account.

HTML5

CSS

Visual Studio Code


Design Only

the initial display screen of the figgy financial app design the main display dashboard of the figgy financial app design the expenses page where expenses are grouped by dates on the figgy financial app design the page that let's users know they need to set a new budget for the month on the figgy financial app design
the screen for viewing the current progress report for the month on the figgy financial app desin the screen for viewing the current progress report for the month on the figgy financial app design the screen for viewing the  status report for end of the month on the figgy financial app design

figgy is going to be a person financial app where you can track your expenses, set a monthly budget, and monitor your spending each month to track whether you are staying on budget or not. Currently, you can view my Figma file of the design scheme (5 pages long).

Figma