Projects

Trek Mountain Bikes homepage
HTML CSS JavaScript

Trek Mountain Bikes

To create this project, I went through the steps a designer would take, such as planning a meeting agenda to discuss the client's website, budgeting the time and resources needed, and drafting a website design agreement. I then created a site map for the website, chose organization schemes, wireframed the homepage design using Figma, and coded the design with HTML, CSS, and JavaScript.

Recipe Book homepage
Angular Bootstrap 3

Recipe Book App

I completed this project while going through Maximilian Schwarzmüller's Angular course. I implemented features such as user authentication, fetching and storing data using a Firebase database, and using NgRx for state management. I expanded upon this project by creating Firebase database entries linked to each user account, allowing users to have their own recipes.

Floofer's Dog Washing homepage
HTML CSS JavaScript

Floofer's Dog Washing

This project was for a Future Business Leaders of America Website Design competitive event. I worked with a team of 2 others to create a website for a fictional dog washing business. My teammates created the branding for the business while I designed the website using Figma and coded it using HTML, CSS, and JavaScript.

Steak House homepage
HTML CSS Bootstrap 4

Riverside Inn Steak House

I created this project for my Responsive Design final at Bridgerland Technical College. I was given a design and needed to replicate it using HTML, CSS, and Bootstrap 4. The majority of my styles come from Bootstrap, but I used some CSS to add additional styling.

Mapty App
JavaScript

Mapty App

I completed this project while going through Jonas Schmedtmann's JavaScript course. I used an object-oriented approach while coding this website and implemented fundamental principles of OOP such as encapsulation and inheritance. I expanded upon this project by taking data from local storage and rebuilding them as instances of my classes.

Pig Game
JavaScript

Pig Game

This is another project that I completed while going through Jonas Schmedtmann's JavaScript course. I practiced topics such as manipulating the DOM and using an application state while building a fun interactive game.

Bankist website
JavaScript

Bankist Website

I built this project while learning advanced DOM manipulation in Jonas Schmedtmann's JavaScript course. I used JavaScript features such as event delegation, the intersection observer API, and short circuiting. I learned how to build website elements such as lazy loading, smooth scrolling, tabbed components, and more.

DevCamp's Fantastic Fries homepage
HTML CSS

DevCamp's Fantastic Fries

While going through the 2022 Code to Success summer bootcamp, I coded this website. I learned how to use HTML to embed content, create forms, and more. I also learned CSS and practiced creating reusable styling, using media queries to make the website responsive, and writing clean and scalable CSS code.