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:

Cyber Network Image

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
Scroll to Top