My Projects
Below you can find a full list of the projects that I have worked. These projects could either be just for fun, during school, or for a client.
ETSU Parking
This is a project I tackled during my last semester of college in the spring of 2023. I wanted to create something that ETSU students, faculty, and staff could use to improve the way they parked on campus.
One of the pages includes an interactive map of campus, that I built using JavaScript, with various parking lots outlined, numbered, and color-coded for the right person. Since I didn't have access to the data of the parking lots, the numbers that are generated for how many spots are remaining are randomized.
The other page includes various links to forms, applications, forms, etc. as well as the parking and traffic regulations brochure.
I built this website using HTML, CSS, Bootstrap, and JavaScript.
Visit SiteProduct preview card
My challenge was to build out a product preview card component and get it looking as close to the design as possible.
While completing this challenge I was able to utilize Flexbox, media queries, and variables.
Visit SitePlantify
Plantify was a mock up design created by framer.com. Framer gave me the layout for desktop, tablet, and mobile. It also gave me fonts, font-sizes, and a color palette to work with.
Starting with the mobile design first, I added media queries for all screen sizes to get it fully responsive!
In this project I utilized Flexbox, Media Queries, JS, CSS grid, and variables.
Visit SiteASI - All Security, LLC
This is a redesign (not in use) of their current website www.asi-tn.com/home.html.
I was able to make this website responsive for all screen sizes.
In this project I utilized Flexbox, Media Queries, JS, BootStrap, and Flowbite.
Visit SitePour Choices Bottle Shop
This is a redesign (not in use) of their current website www.pourchoicesbottleshop.com/.
I created a color scheme to go off of as well as using Leaflet to integrate a responsive map feature to locate the business.
In this project I utilized BootStrap, JS, Media Queries, and Leaflet.
Visit SiteJerry's Barber and Style Shop
This is a mockup website for Jerry's Barber and Style Shop located in Johnson City, TN.
You'll find a quick introduction, services with pricing, team members, and more on this simple, yet informing responsive website.
In this project I utilized JS, Media Queries, and TaggBox (Google review widget).
Visit Site