Key Projects
Categories:
This page will have a list of what I consider key projects I have in my portfolio. The lists below showcase skills that I’ve been taught during my college program.
Web Development Projects:
React Text-Based Adventure Game
- Goal: Use React Front-End Framework to create a single-page application text based adventure game.
- Utilized React concepts such as components, hooks like useState and useEffect, and props.
- Challenge to have 25% of the choices determined by a random trigger like a dice roll.
Vue Components Event Page
- Goal: Learned using Front-End Framework like Vue to create an fictional Upcoming Events Page for a company.
- Vue concepts include components, handler buttons to hide and show content, as well as complex data objects in JavaScript.
Random Color Palette Generator
- Goal: Use JavaScript knowledge to create a random color palette generator application.
- Heavily used JavaScript concepts like event listeners, JQuery, complex classes, and more.
- Challenge: Create a “Copy” to clipboard and a “Lock” functionality to save colors for the user.
Web Design:



Responsive Ocean Pollution Informational Site
- Goal: Using modern design principles, created a website that adapts content to all screen sizes and is accessible.
- Responsive design is done by creating media queries in all CSS files. Features are unique to Desktop, Tablet, and Mobile.
- Mobile-First design approach used.



WordPress Design for Software Company
- Goal: Utilize knowledge of a modern Content Management System like WordPress to create a commercial website. Website must use different features of WordPress and have visual appeal.
- Project highlights the knowledge of hosting a website, template design and customization, plug-ins like Elementor for edits, and more.
- Created using WordPress and hosted on Hostinger with a custom domain.



Photoshop Portfolio – Web Graphics
- Goal: Web Design Semester Project to showcase our studies and knowledge of Adobe Photoshop and editing website graphics.
- Photoshop Skills utilized: Proper Image Resolution/Sizing for the Web, Image Masking, Blending, Lasso Tools, Color/Saturation Editing, and more.
- Created using Google Sites, a simplified CMS to host and create webpage
Coding Projects:

Cybernetic Organ System – Data Structures & Algorithms
- Goal: Using Java, create a interconnected cyber body system focusing on the different aspects of Data Structures and Algorithms.
- Different branches on the repository represent different subjects: Linked Lists, Array Lists, Sorting Algorithms, Lists, Maps, Stream API, Stacks, Queues, and AVL and Binary Trees